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

时间:2018-06-12 04:42:36

标签: javascript angular

我正在尝试将一个锚标记放在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()'”。

1 个答案:

答案 0 :(得分:3)

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

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

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

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