Question

按照其他答案，尝试了很多时间ald ..没有错误显示，但无法点击按钮。点击显示标题的错误。

尝试：

1.download plugin npm install -g typings（没有任何反应）

2.add declare var cordova:any;，在添加此无错误显示后，cordova可以使用，但点击按钮后出现新错误...（标题中的错误）

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");
    });
  };

}

Answer 1

确保安装了应用程序浏览器插件中的Cordova，在项目根目录中的终端中运行以下代码。通常情况下，这就是问题所在。

cordova plugin add cordova-plugin-inappbrowser

<强>更新：

在浏览器中运行时，请确保您没有使用应用内浏览器。

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

Answer 2

这就是我解决错误的方法..而且在app浏览器中，插件可以在我的项目中运行。

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");
  }

ionic2未捕获（承诺）：ReferenceError：当使用InAppBrowser插件

2 个答案: