InAppBrowser for Ionic Not Working

时间:2016-11-03 09:38:59

标签: cordova ionic2 inappbrowser

我正在尝试使用Cordova插件启用应用内浏览器。这只是我想要整理的一个非常简单的概念证明,但我得到的只是;

Uncaught Error: Can't resolve all parameters for InAppBrowser: (?, ?, ?).

我的home.ts文件是;

import {Platform} from 'ionic-angular';
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { InAppBrowser } from 'ionic-native';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html',
  providers: [InAppBrowser]
})

export class HomePage {
    constructor(public navCtrl: NavController, public platform: Platform) {
    }
    launch(url) {
        this.platform.ready().then(() => {
            InAppBrowser.open(url, "_system", "location=true");
        });
    }
}

我的html文件包含;

<button (click)="launch('https://www.example.com')">Launch URL</button>

我几乎没有移动开发的经验我真的只是想跟随https://stackoverflow.com/tour

我用Google搜索了this tutorial,并尝试了安装;

npm install -g typings
typings install dt~cordova --save --global

但它仍然没有用。我怎样才能使这个工作?

1 个答案:

答案 0 :(得分:0)

我知道这有点老了,但是在一个看起来有点过时的教程之后遇到同样的问题后,我被指示了。

对于有类似问题的任何人,使用.open()不推荐使用离子本机,使用inAppBrowser的正确方法如下:

let browser = new InAppBrowser(Url, "_blank");

将在应用浏览器中打开。您可以使用_system在默认设备浏览器中打开,例如iOS上的safari:

let browser = new InAppBrowser(Url, "_system");

上述示例中的其他所有内容都显示正确无误。