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

问题描述 投票:11回答:2

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

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

ios iframe ionic-framework angular ionic2
2个回答
34
投票

您可以使用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


4
投票

您可以使用最后加载的组件的生命周期回调ngAfterViewInit()(取决于您的路由)。

© www.soinside.com 2019 - 2024. All rights reserved.