ionic2中iframe的使用
阿新 • • 發佈:2019-02-12
要在使用ionic開發的app中開啟第三方應用,使用iframe來實現,查了一些資料,記錄下來,免得忘記。
1、在config.xml中
<access origin="*" />
<allow-intent href="*" />
<allow-navigation href="*" />
2、html
<ion-content > <iframe id="iframe" sandbox="allow-scripts allow-top-navigation allow-pointer-lock allow-same-origin allow-popups allow-forms"[src]="url" height="100%" width="100%" > </iframe> </ion-content>
3、ts中
引入DomSanitizer
import {DomSanitizer} from "@angular/platform-browser";
定義url,注意url是any,不是string
url:any;使用DomSanitizer對url做處理,
ionViewDidLoad() { // 使用DomSanitizer對url做處理this.url = this.domSanitizer.bypassSecurityTrustResourceUrl('http://m.51job.com/search/jobsearch.php'); }