javascript – 使用angular4不能正常运行innerhtml中的操作

参见英文答案 > Angular 2 innerHTML (click) binding                                    4个
我试图在innerHTML中放置一个锚标签,我正在使用角度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()’”.

解决方法:

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

每当您通过innerHTML传递一些内容时,Angular就会呈现内容不会像添加点击事件那样评估该内容中的任何表达式或绑定.

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

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

> Angular 2 innerHTML (click) binding