ngDraggable不适用于使用innerHtml angular2+;

ngDraggable不适用于使用innerHtml angular2+;,html,angular,innerhtml,ngdraggable,Html,Angular,Innerhtml,Ngdraggable,我从后端得到一个HTML文件,我在div标记中以角度显示内部HTML。在这种情况下,HTML文件中的ngDraggable无法识别,angular as like指令不会对其进行处理 角度: <div *ngIf="content" class="content" [innerHTML]="sanitize.bypassSecurityTrustHtml(content)"></div> 来自后端的Html: <div class="container

我从后端得到一个HTML文件,我在div标记中以角度显示内部HTML。在这种情况下,HTML文件中的ngDraggable无法识别,angular as like指令不会对其进行处理

角度:

<div *ngIf="content" class="content" [innerHTML]="sanitize.bypassSecurityTrustHtml(content)"></div>

来自后端的Html:

    <div class="container" contenteditable="true" id="div0" style="position : relative;">
  <div id="div1" style="position : relative; margin : 2%; height : 554.5px">
    <input class="form-control" id="textbox1" name="textbox1" style="top : 195.21px; left : 297.61px;  position : absolute; width : 20%;" type="text">
    <button ngDraggable class="btn-primary" id="button1" style="top : 367.03px; left : 189.82px;  position : absolute;">Button</button>

  </div>
</div>

按钮

在本例中,在按钮标签上,我提供了从后端加载到angular后无法拖动的NgDragable

您能否提供该问题的StackBlitz示例?@JinsThomasShaji现在检查在本例中,上述HTMl代码将仅被视为静态文本。添加指令时,angular将编译指令以执行操作。由于上述代码段将在编译(运行时)后放置,
ngDraggable
将仅被视为
按钮的属性,这是没有意义的。所以,为了满足需求,您必须更改方法。@JinsThomasShaji是否有任何方法可以在运行时添加该属性。我从字符串类型的后端获取HTML。