我正在尝试将一个锚标记放在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()'”。
答案 0 :(得分:3)
这不起作用,你的代码很好但是它是由Angular设计的。
每当您通过innerHTML
传递某些内容时,Angular就会通过添加点击事件来呈现内容不会评估该内容中的任何expression
或binding
。
因此,为了实现这一目标(根据您的要求),您可以将内容包装到另一个组件中,并通过@input
属性绑定传递数据并将其显示在浏览器中。
有关详细信息,请在此处阅读 -