1. 程式人生 > >ionic2 加載html

ionic2 加載html

truct str return 導入模塊 span .com orm 3.1 form

1.導入模塊

import { DomSanitizer } from @angular/platform-browser;

2.在構造函數添加

constructor(private sanitizer: DomSanitizer) {
   
  }

3.頁面上使用方法

3.1使用變量

ts中:

assembleHTML =this.sanitizer.bypassSecurityTrustHtml(‘<p style="color:red;">測試加載html</p>’

html中:

 <div  [innerHTML]="assembleHTML
"></div>

3.2使用方法

ts中:

assembleHTML(){ 
  return this.sanitizer.bypassSecurityTrustHtml(‘<p style="color:red;">測試加載html</p>’);
}

html中:

<div  [innerHTML]="assembleHTML()"></div>

參:http://blog.csdn.net/u010730897/article/details/53609173

  http://www.cnblogs.com/cjxhd/p/6607108.html

ionic2 加載html