我已成功使用外部网站作为离子3应用中的iframe。 我在home.ts使用下面的代码
import { Component } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';
import { NavController } from 'ionic-angular';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
url: any;
constructor(private sanitize: DomSanitizer, public navCtrl: NavController)
{}
urlpaste(){
this.url = "someurl";
return this.sanitize.bypassSecurityTrustResourceUrl(this.url);
}
}
home.html的:
<iframe style="height: 100vh; width: 100%;" [src]="urlpaste()" name="iframe_a"></iframe>
网站在android中工作正常(我没有测试过IOS),除非我专注于任何输入移动键盘显示一段时间,然后页面重定向到网站的主页。有人可以帮我解决这个问题。我在Google上搜索了很多,但我找不到这种奇怪行为的原因。