可以在ng-template下用TypeScript拖拽

Question

如果之前有人问过这个问题，我很抱歉，我没有找到任何东西，因此询问周围是否有人可以提供帮助。所以我正在创建一个带表单的引导模式弹出框我希望它是可拖动为此，我使用了一个简单的按钮，在单击按钮时，我显示ng-template如果我使用angular2-draggable，我无法拖动它的内容，如果我拿出ng-template并简单地使用Div，它工作得很好。有没有办法让Angular Draggable在ng-template下工作?一些基本的代码摘录如下:

<button type="button" class="btn btn-outline-primary" (click)="open(testDialog)">TestDrag</button>
<ng-template #testDialog let-modal>
<div ngDraggable>
<div
class="
modal-header
row
d-flex
justify-content-between
mx-1 mx-sm-3
mb-0
pb-0
border-0
"
>
<h3 class="modal-title">Asset</h3>
This is the header
<button type="button" class="close" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">This is the body</div>
<div class="modal-footer">This is the footer</div>
</div>
</ng-template>

如果我删除ng模板，只是打印一个普通的div，拖动工作完美。有没有人可以帮助我如何在ng-template下使用它。

编辑:下面是irgraph.component.ts文件

下的open方法

open(content: any) {
this.modalService.open(content, {ariaLabelledBy: 'modal-basic-title', centered: true}).result.then((result) => {
this.closeResult = `Closed with: ${result}`;
}, (reason) => {
this.closeResult = `Dismissed ${IRGraphComponent.getDismissReason(reason)}`;
});
}

Answer 1

感谢@E。Maggini，我从ng-template切换到Div，然后它似乎没有任何问题。遵循Angular 2中Draggable

的指导原则