在 ts 文件中呈现时 onclick 函数不起作用（Angular 4 & ionic 3）

Question

大家好，我想知道如何在 .ts 中渲染 html 时调用函数 file.I 已经在我的项目中尝试过，我能够显示图像标签但无法调用单击图像时的功能..他们还有其他方法可以解决这个问题吗？

  commonFunctionActive(nullDataActive) {
    console.log("NEWACCOUNTOPENING");

    let str = "";
    if (nullDataActive == "New Customer Active") {
      str = '<img  class="imgActiveCust" src ="assets/member_images/viewCustomer.jpg"  onclick="myFunction()" alt="">';

    } else {
      str = nullDataActive
    }

    return (str);
  }


  myFunction() {
    console.log("customererrrrererer");

    let self = this;
    if (self.nullDataActive.customer_id != "") {
      self.navCtrl.push("CustomerPage");
    }
    else {

    }
  }

Answer 1

您的错误很简单：您正在使用 onclick，但在 angular 2+ 中您应该使用 (click)="myFunction()"

在 MDN 上阅读更多内容：

Answer 2

这样使用：(点击)="myFunction()"

在 ts 文件中呈现时 onclick 函数不起作用（Angular 4 & ionic 3）

onclick function not working when rendered in ts file (Angular 4 & ionic 3)

ionic3

angular