イオン3と2 - InAppBrowser.on（「loadstop」）私は助けを必要とInAppBrowserに.on使用することはできませんよ

Question

を働いていない私のコードは次のとおりです。私はとにかくそれを試してみた

import { Component } from '@angular/core'; 
import { NavController } from 'ionic-angular'; 
import { InAppBrowser } from "@ionic-native/in-app-browser"; 

@Component({ 
    selector: 'page-home', 
    templateUrl: 'home.html' 
}) 
export class HomePage { 

    constructor(public navCtrl: NavController, private iab: InAppBrowser) { 

    } 

    doLoginTwitter() { 
    const browser = this.iab.create("http://xxxxxxx.com/api.php", '_self'); 
    browser.on('loadstop').subscribe(function(event){ 
     console.log("LOG: API Response"); 
     console.log(event); 
    }); 
    } 

} 

が、それは動作しますことはありませんloadstartとloadstopは動作しませんなぜ動作しないのか知りたい私の携帯電話でIonic DevAPPを使ってテストしていますが、それでも正常に動作しません。通常のAPIウィンドウが開きますが、動作しません。コンソール私はionicコマンド--lab -cを使ってイオンサーバーを起動していますが、動作しません。

Answer 1

多分、問題はあなたのコールバックに関連しています。

活字体で

、代わりの

browser.on('loadstop').subscribe(function(event){ 
    console.log("LOG: API Response"); 
    console.log(event); 
}); 

私はあなたのように記述し、私はそれは方法「_self」を使用して作成されたときに問題があるという結論に達しましたので、多くのテストから

browser.on('loadstop').subscribe((event: InAppBrowserEvent) => { 
    console.log("LOG: API Response"); 
    console.log(event); 
}); 

Answer 2

"_blank"を使用すると、すべて正常に動作します。

import { Component } from '@angular/core'; 
import { NavController } from 'ionic-angular'; 
import { InAppBrowser, InAppBrowserEvent } from "@ionic-native/in-app-browser"; 

@Component({ 
    selector: 'page-home', 
    templateUrl: 'home.html' 
}) 
export class HomePage { 

    constructor(public navCtrl: NavController, private iab: InAppBrowser) { 

    } 

    doLoginTwitter() { 
    const browser = this.iab.create("http://luisjustin.com.br/api.php", '_blank', 'location=no'); 
    browser.on('loadstop').subscribe((event: InAppBrowserEvent) => { 
     console.log("LOG: API Response"); 
     console.log(event.url); 
    }); 
    } 

}