如何进行 Ionic InAppBrowser 集成？

Question

我是 Angular JS 和 ionic 框架的初学者！ 我需要使用 InAppBrowser 在我的应用程序中集成一个静态网页；我试图在 home.ts 文件中插入代码，但我不知道在 home.html 文件中写什么！！ 我只需要在 home.ts 中打开预定义网页的功能，只要我在标签主题中按下主页按钮就会出现。 如果有人帮助我，我将不胜感激。

Answer 1

您不需要在 html 文件中包含任何内容。仅当您想使用应用程序中的按钮打开静态网页时。

只需在 home.ts 文件中包含插件和函数：

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

并将 InAppBrowser 添加到您的构造函数中，如下所示：

constructor(private iab: InAppBrowser) { }

最后声明你的函数：

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

如果您想在应用启动时打开静态网页，只需将 openBrowser-Function 添加到每次加载主页时都会执行的 ionViewDidLoad-Function。

ionViewDidLoad(){
  this.openBrowser();
}

---

所以你最终的 home.ts 应该是这样的：

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/');
  }

}

有关更多信息，请查看插件文档：click