を<iframe src="{{item.url | trustUrl}}"></iframe>
を書いたものである
<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>
と私の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();
}
}
}
これを試してください。
この機能もアプリ内で処理したいのですか? – Anuj
@Anuj私はこのcordovaプラグインを見つけました[ThemeableBrowser](https://github.com/initialxy/cordova-plugin-themeablebrowser)それは私たちが望むことをしますが、それは少し醜いですし、私はそれがスタイルをオーバーライドすることができませんでした。それが役に立つと願っています。 –
こんにちは、おかげで、msgのおかげで。私はiframe(htmlで)とDomSanitizer(tpmでnpm)でそれをやったが、うまくいきました。 – Anuj