Question

我是角度JS和离子框架的初学者！我需要使用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();
}

所以你的最终家庭应该是这样的：

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

如何进行Ionic InAppBrowser集成？

1 个答案: