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

Question

在.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
}

它正在显示＆＃34; 我的按钮＆＃34;，但样式未应用，也未点击事件。

如果通过innerHTML进行绑定，我不支持读取事件，是否有任何解决方法可以使其工作？

Answer 1

你能重构使用ngIf吗？

page.html中

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

page.ts

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