谁能为 Ionic 2 框架提供一个 InAppBrowser 示例应用程序？

Question

任何人都可以提供 InAppBrowser 示例应用程序吗？我是 Ionic 2 的新手，我无法理解它运行。

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

@Component({
  templateUrl: 'build/pages/hello-ionic/hello-ionic.html'
})
export class HelloIonicPage {

  constructor() {
 }

openBrowser(){
let browser = new InAppBrowser('https://ionic.io', '_system');
}

}

<ion-header>
  <ion-navbar>
    <button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>Hello Ionic</ion-title>
  </ion-navbar>
</ion-header>

<ion-content class="content">
<button (click)="openBrowser()">Open Browser</button>

</ion-content>

这会引发以下错误：

TypeScript error: C:/Users/Chirag Jagga/IonicFinal/app/pages/hello-ionic/hello-ionic.ts(14,15): Error TS2346: Supplied parameters do not match any signature of call target.

取自：http://ionicframework.com/docs/v2/native/inappbrowser/

Answer 1

试试这个：

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


@Component({
  selector: 'hello',
  templateUrl: 'templateUrl: 'build/pages/hello-ionic/hello-ionic.html'})


export class HelloIonicPage {

  constructor(private iab: InAppBrowser) { }


openBrowser(){
  const browser = this.iab.create('https://ionic.io', '_system' );
   browser.close();
 }
}

确保将 'InAppBrowser' 添加为您的应用程序模块供应商中的供应商：

import { InAppBrowser} from '@ionic-native/in-app-browser'


@NgModule({
  . . .
  . . .
providers: [..,InAppBrowser,...]
})

在这里查看：https://matthiasomisore.com/index.php/2017/06/01/ionic2-using-inappbrowser-to-load-a-web-browser/

谁能为 Ionic 2 框架提供一个 InAppBrowser 示例应用程序？

Can anyone give an InAppBrowser sample app for the Ionic 2 framework?

ionic-framework

ionic2