当离子2页面已满载时运行功能

时间:2016-04-10 18:25:05

标签: ios iframe ionic-framework angular ionic2

有没有办法确定离子2页面何时满载?当所有页面html都已加载时,我需要在页面中插入一些html。理想情况下,我希望在我的@page类中有一个函数,该函数在页面加载时运行。

目前我正在将包含藤蔓的iframe插入div容器中。我正在体验,当在运行iOS 9的iPhone 5上运行应用程序时,有一些奇特的行为,其中同一个藤蔓有时会对容器进行调整,有时则不然。我猜这可能是由于时间问题(藤蔓iframe的来源是作为http请求的一部分收到的)。

1 个答案:

答案 0 :(得分:33)

您可以使用ionViewDidLoad方法:

@Page({
  templateUrl: 'build/pages/somepage/somepage.html'
})
export class SomePage {
  constructor() {
    // ...
  }

  ionViewDidLoad() {
    // Put here the code you want to execute
  }
}

2016年11月18日的生命周期事件是:

  • ionViewDidLoad
  • ionViewWillEnter
  • ionViewDidEnter
  • ionViewWillLeave
  • ionViewDidLeave
  • ionViewWillUnload
  • ionViewCanEnter

由于Ionic 2正在积极开发中,因此事情总是在变化。如果您想查看当前的生命周期事件,请参阅:https://ionicframework.com/docs/v2/api/navigation/NavController/#lifecycle-events