代码之家 › 专栏 › 技术社区 › Priyank

像click function这样的Ionic3标记在InnerHTML中不起作用

innerhtml ionic3 angular javascript

2

Priyank · 技术社区 · 7 年前

离子标签在离子3中不起作用。例如,(单击)方法不适用于[innerHTML]。下面是我的代码。

@IonicPage()
@Component({
 selector: 'page-html-test',
templateUrl: 'html-test.html',
})
export class detailNewsPage {
html: any;
constructor(public navCtrl: NavController, 
            public navParams: NavParams,
          ) {}
ionViewDidLoad() {
 this.detailNews = `<button ion-button (click)="detailNews1()">Test</button>`;
}
detailNews1(){
 console.log('test-detailNews1 button clicked');
}  
}

**htmlTest.html:**
<ion-content padding> 
 <div [innerHTML]="detailNews | safeHtml"></div>
</ion-content>

**safeHtml.ts**
@Pipe({
 name: 'safeHtml',
})
export class SafeHtmlPipe implements PipeTransform {
 /**
  * Takes a value and makes it lowercase.
  */
constructor(private sanitizer:DomSanitizer){}
transform(html) {
return this.sanitizer.bypassSecurityTrustHtml(html);
 }
}

任何帮助,非常感谢

0 回复 | 直到 7 年前