[英]Load external url inside ion-content
I am using ionic 1 and i want to load an external url inside ion-content (like the Messenger app does) i have already tried cordova-plugin-inappbrowser but it loads the url in a new page. 我正在使用ionic 1,并且我想在ion-content内加载一个外部URL(就像Messenger应用程序一样),我已经尝试了cordova-plugin-inappbrowser,但是它将URL加载到了新页面中。
This is the code i've used: 这是我使用的代码:
cordova.InAppBrowser.open(item.url, '_self');
I also tried embedding the url inside iframe but it refused to display since the url is not not mine. 我也尝试将网址嵌入iframe中,但由于网址不是我的,因此拒绝显示。
This is what i wrote <iframe src="{{item.url | trustUrl}}"></iframe>
这就是我写的<iframe src="{{item.url | trustUrl}}"></iframe>
any help will be appreciated :) 任何帮助将不胜感激 :)
I tried it with i frame and domsanitizer My Html is 我尝试了我的框架和domsanitizer我的HTML是
<ion-header>
<ion-navbar color="danger">
<button ion-button menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
<ion-title>Payments Detail</ion-title>
</ion-navbar>
</ion-header>
<ion-content>
<iframe width="100%" height="100%" [src]="myurl" frameborder="0" allowfullscreen></iframe>
</ion-content>
and my ts is 我的ts是
import { Component } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';
import {DATA} from "../../app/config";
import {NavParams, ToastController} from "ionic-angular";
import {Network} from "@ionic-native/network";
@Component({
templateUrl: 'paymentDetail.html'
})
export class PaymentDetail {
myurl:any="";
constructor(private network: Network,private toastCtrl: ToastController,private sanitizer: DomSanitizer,public navParams: NavParams) {
}
ngOnInit() {
if(this.network.type !="none"){
console.log(this.navParams.get("payment"));
this.myurl=this.sanitizer.bypassSecurityTrustResourceUrl(DATA["API_BASE_URL2"]+"userpage/RedirectNow?id="+this.navParams.get("payment"));
}else {
let toast = this.toastCtrl.create({
message: "check your internet connection before process",
duration: 2000,
position: 'middle'
});
toast.present();
}
}
}
Try this . 尝试这个 。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.