Onclick 事件在角度 6 中的动态 html 字符串中不起作用

Question

我试图通过添加 onclick 事件和按钮类来操作动态 html 字符串。但不幸的是，它不适用于 Angular 6，但它与 Angular 1 和 Javascript 完美搭配......

下面是我的代码。

  getUnitTestmethod() {

    const htmlObject = document.createElement('div');
    htmlObject.innerHTML = this.unit;
    const btnClarify = htmlObject.getElementsByClassName('customizeclarify');

    let j = btnClarify.length;
    let parentclr;
    let currInputElmclr;
    while (j--) {
        const countNo = 0;

        currInputElmclr = this.renderer.createElement('button');
        this.renderer.setProperty(currInputElmclr, 'id', 'popup');
        this.renderer.setProperty(currInputElmclr, 'innerText', 'TestButtonText');
        this.renderer.setProperty(currInputElmclr, '(click)', 'ShowAlert()');
        this.renderer.setProperty(currInputElmclr, 'class', 'btn btn-success');

        parentclr = btnClarify[j].parentNode;
        parentclr.insertBefore(currInputElmclr, btnClarify[j]);
        parentclr.removeChild(btnClarify[j]);

      }
      this.unit = htmlObject.innerHTML;
}

Answer 1

正如@amansoni211 所提到的，您可以创建一个指令并为其添加一个主机侦听器。回到你的设置，如果你想为你的目标添加事件监听器，你可以通过this.renderer.listen('click', target);来完成。