2017-07-27 51 views
1

下面的其他答案,嘗試很多時間ald ..沒有錯誤顯示,但不能點擊按鈕。當點擊標題顯示的錯誤。ionic2未捕獲(承諾):ReferenceError:cordova沒有定義..當使用InAppBrowser插件

嘗試:

1.download插件npm install -g typings(沒有發生)

2.加declare var cordova:any;,加上在此之後沒有錯誤顯示,科爾多瓦可以使用,但點擊按鈕新的錯誤表現後... (在標題誤差)

service.html

<ion-content> 
    <button (click)="launch()" style="width:30%" ion-button color="danger" round>測試</button> 
</ion-content> 

service.ts

import { Component } from '@angular/core'; 
import { IonicPage, NavController, NavParams, Platform} from 'ionic-angular'; 
import { ServiceDataProvider } from '../../providers/service-data'; 
declare var cordova:any; 
@IonicPage() 
@Component({ 
    selector: 'page-service', 
    templateUrl: 'service.html', 
}) 
export class ServicePage { 
    users:any; 
    constructor(public navCtrl: NavController, 
    public navParams: NavParams, 
    public serviceData:ServiceDataProvider, 
    public platform:Platform) { 
    this.platform = platform; 
    } 
    launch(url:any){ 
    this.platform.ready().then(() => { 
     cordova.InAppBrowser.open(url, "_system", "location=yes"); 
    }); 
    }; 

} 
+1

你在一個設備或瀏覽器中運行呢? –

+0

在瀏覽器中運行 –

+0

當您通過設計執行'ionic serve'時,Cordova未加載到瀏覽器中。您需要運行在仿真器或設備中 –

回答

0

這是我如何解決我的錯誤..並在應用程序的瀏覽器插件可以在我的項目運行。

HTML文件

<button (click)="launch()" style="width:90%" ion-button color="danger" >button</button> 

TS文件

launch(){ 
    this.InAppBrowser.create('This is your URL',"_blank","location=no"); 
    } 
2

請確保您有科爾多瓦在應用程序瀏覽器插件安裝,在您的項目root身份運行在終端下面的代碼。往往不是,這將是問題。

cordova plugin add cordova-plugin-inappbrowser 

更新

當在瀏覽器中運行,只要確保你不使用的應用程序的瀏覽器。

if(this.platform.is("cordova")) 
{ 
    // Run the in app browser code 
} 
else 
{ 
    window.open(encodeURI(url)); 
} 
相關問題