誰でもIonic 2フレームワークのInAppBrowserサンプルアプリケーションを提供できますか？

Question

誰でもInAppBrowserサンプルアプリを提供できますか？私はイオン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' としてあなたのアプリケーションモジュールprovoders：

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/