1. 程式人生 > >ionic2中iframe的使用

ionic2中iframe的使用

要在使用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'); }