将动态html添加到角度组件

Question

我有一个与textEditor（contentEditable div）类似的角度组件。它有它的html模板。现在根据用户输入的内容，我想添加一些动态html。这样的事情： -

<span class="macro consolas-text" (click)="OpenPopup()"></span>

我可以动态地将这个html添加到我的html模板中，但我无法将此函数称为“OpenPopup”。我认为angular无法识别此范围，因为这是动态添加的。

我怎样才能让它发挥作用？

Answer 1

如果要分配变量

，请使用innerHTML属性绑定

<span class="macro consolas-text" (click)="OpenPopup('sometext')" [innerHTML]="sometext"></span>

如果要分配一些文字，请使用' '

<span class="macro consolas-text" (click)="OpenPopup('sometext')" [innerHTML]="'some text'"></span>