单击使用angular4无效的innerhtml中的操作

Question

我正在尝试将一个锚标记放在innerHTML中，而我正在使用angular 4。

in HTML file: <div [innerHTML]="'myText' | translate">

in Component: const myText = "mytext go here and <a (click)='myFunction()'> click here </a>."

我没有在DOM内部获得“（click）='myFunction（）'”。

Answer 1

这不起作用，你的代码很好但是它是由Angular设计的。

每当您通过innerHTML传递某些内容时，Angular就会通过添加点击事件来呈现内容不会评估该内容中的任何expression或binding。

因此，为了实现这一目标（根据您的要求），您可以将内容包装到另一个组件中，并通过@input属性绑定传递数据并将其显示在浏览器中。

有关详细信息，请在此处阅读 -

• Angular 2 innerHTML (click) binding