2017-02-07 20 views
0

私のアプリのリモートアドレスをcordova pluguin InAppBrowserを使用して開こうとしています。TypeError:未定義の「addEventListener」プロパティを読み取ることができません。Angular2、Ionic 2、InAppBrowser

import { Injectable } from "@angular/core"; 
 
import { HttpQueryService } from "./httpqueryservice"; 
 
import { ToastController } from "ionic-angular"; 
 
import { InAppBrowser, InAppBrowserEvent } from "ionic-native"; 
 

 
/** 
 
* Класс сервиса для открытия окон в браузере 
 
*/ 
 
@Injectable() 
 
export class WindowOpenService { 
 

 
    inAppBrowserRef: InAppBrowser; //объект с браузером 
 

 
    /** 
 
    * Конструктор класса 
 
    */ 
 
    constructor(
 
    public toastCtrl: ToastController, 
 
    public httpQueryService: HttpQueryService 
 
){ 
 

 
    } 
 

 
    /** 
 
    * Open url in InAppBrowser 
 
    * 
 
    * @param url 
 
    * @param target 
 
    * @param options 
 
    */ 
 
    open(url = 'http://192.168.1.2/myurl/', target = '_blank', options = 'location=yes,hidden=no,hardwareback=yes,toolbar=yes') 
 
    { 
 
    try{ 
 
     var inAppBrowserRef = new InAppBrowser(url, target, options); 
 
     inAppBrowserRef.on('loadstart').subscribe((result) => { 
 
     alert(result); 
 
     inAppBrowserRef.close(); 
 
     }); 
 
     inAppBrowserRef.on('mychange').subscribe((result) => { 
 
     alert(result); 
 
     this.inAppBrowserRef.close(); 
 
     }); 
 
     inAppBrowserRef.on('loadstop').subscribe((result) => { 
 
     alert(result); 
 
     this.inAppBrowserRef.close(); 
 
     }); 
 
     inAppBrowserRef.on('loaderror').subscribe((result) => { 
 
     alert(result); 
 
     inAppBrowserRef.close(); 
 
     }); 
 
    }catch(e){ 
 
     alert(e); 
 
    } 
 
    } 
 
}

そして、私が 'loadstart' イベントでのエラーを取得: 例外TypeError:私はそのコードを使用未定義

のプロパティを読み取ることができません 'は、addEventListenerを' 私はすべてのことを考えます大丈夫です。しかし、それはエラーを発する?私は間違っているの? 私はこのプラグインを使用しますhttps://ionicframework.com/docs/v2/native/inappbrowser/

そして、エミュレータとAndroid 6バージョンのデバイスでテストしてください。同じ問題。

<allow-navigation href="*://192.168.1.2/*"/>

そして、私は最新のイオン2.2.1バージョンを使用します。config.xmlで は私がそのコードを使用します。

+0

私は同じ問題がありますが、私もcordovaプラグインをインストールしました。私はまだ同じ問題があります。私は同じエラーが発生し続けます。私は[ここ]を使用しているコードを共有している(http://stackoverflow.com/questions/42114950/not-able-to-attach-event-handler-in-ionic-2-on-inappbrowser?noredirect= 1)。うまくいけば、私はこれで数日間今こだわってきたので、私を助けることができます。 – Xk0nSid

+0

最新のバージョンのIonic 2を使用していますか? –

+0

助けてもらえますかhttps://forum.ionicframework.com/t/cannot-read-property-addeventlistener-of-undefef-using-inappbrowser/77166/7 –

答えて

0

問題は、クラスを使用する前にプラグインをインストールしないということでした。

ionic plugin add cordova-plugin-inappbrowser 
関連する問題