如何进行Ionic InAppBrowser集成？

Question

I am beginner at angular JS and ionic framework! I need to integrate a static web page inside my app using InAppBrowser; I tried to insert the code in home.ts file but I don't know what to write in home.html file!! All I need the functionality of opening predefined webpage inside home.ts that appears as soon as I press home button in tab theme. I would be grateful If some one helped me.

Answer 1

You don't need to include anything in your html-file. Only if you want to open the static webpage using a button in your app.

Just include plugin and the function in your home.ts-file with:

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

and add the InAppBrowser to your constructor like this:

constructor(private iab: InAppBrowser) { }

and finally declare your function with:

openBrowser(){
  const browser = this.iab.create('https://ionicframework.com/');
}

If you would like to open the static webpage at the startup of the app just add the openBrowser-Function to the ionViewDidLoad-Function which is being executed every loading the Home-Page.

ionViewDidLoad(){
  this.openBrowser();
}

---

so your final home.ts should look like this:

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

export class HomePage {
  constructor(private iab: InAppBrowser) {}

  ionViewDidLoad(){
    this.openBrowser();
  }

  openBrowser(){
    const browser = this.iab.create('https://ionicframework.com/');
  }

}

For more information check the plugin documentation: click