Onclick事件添加了动态创建的按钮，在InnerHTML中不起作用

Question

我从服务器获取HTML字符串。在HTML字符串内，我添加了一个带有Id，Text和onclick事件的按钮，并将其设置为innerHTML。在UI上，该按钮是使用Id和Text创建的，但是Onclick事件在Angular 6中不起作用。

尝试过的解决方案：

1. 在模板上创建带有按钮的指令，该指令在动态html内附加了该指令
2. 使用模板上的按钮创建了一个组件，该按钮在动态HTML内附加了该组件

在上述两种情况下，按钮均已创建，但事件监听器不起作用。

我在Google上搜索了很多东西，找不到一个可以提供的具体示例或具体解决方案

任何解决方案表示赞赏

Answer 1

Angular不处理[innerHTML] =“ ...”

添加的HTML

因此您可以像这样处理点击事件。

elementRef.nativeElement.querySelector('button').addEventListener(...)