Question

大家好，我想知道如何在.ts文件中渲染html时调用函数。我已经在我的项目中尝试了它，可以显示image标记，但是单击图像时不能调用函数。他们有其他解决方法吗？

  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

以这种方式使用：（click）=“ myFunction（）”

在ts文件中渲染时，onclick函数不起作用（角度4和离子3）

2 个答案: