使用 angular4 在 insidehtml 中单击操作不起作用

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（点击）绑定