ngDraggable不适用于使用innerHtml angular2+;
我从后端得到一个HTML文件,我在div标记中以角度显示内部HTML。在这种情况下,HTML文件中的ngDraggable无法识别,angular as like指令不会对其进行处理 角度: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
<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。