使用 innerHTML 单击事件绑定 html 内容不起作用

Question

In .html

<ion-content padding><div [innerHTML]=divcontent></div></ion-content>

在 .ts 页面中

constructor(public navCtrl: NavController, public navParams: NavParams) {
   this.divcontent = "<button ion-button (click)='btnClick()'>My Button</button>";// here i may get any html/ionic content
}

它显示"我的按钮"，但样式未应用，单击事件也不起作用。

我读到如果通过 innerHTML 绑定不支持事件，有什么解决方法可以使其工作吗？

Answer 1

你能重构使用ngIf吗？

页.html

<ion-content padding>
    <button ion-button *ngIf="showButton" (click)="btnClick()">My Button</button>
</ion-content>

页面.ts

showButton: boolean;
constructor(public navCtrl: NavController, public navParams: NavParams) {
   this.showButton = true;
}