web-dev-qa-db-fra.com

Exécuter la fonction lorsqu'une page ionic 2 est entièrement chargée

Existe-t-il un moyen de déterminer quand une page ionic 2 est complètement chargée? J'ai besoin d'insérer du html dans la page lorsque toute la page html a été chargée. Idéalement, j'aimerais avoir un fonction dans ma classe @page qui s'exécute lorsque la page a été chargée.

En ce moment, j'insère un iframe contenant une vigne dans un conteneur div. Je ressens, lors de l'exécution de l'application sur un iPhone 5 exécutant iOS 9, un comportement particulier où le même Vine taille parfois le conteneur et parfois non. Je suppose que cela pourrait être dû au timing (la source de l'iframe Vine est reçue dans le cadre d'une demande http).

11
Bill Noble

Vous pouvez utiliser la méthode ionViewDidLoad:

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

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

Les événements du cycle de vie au 18 novembre 2016 sont:

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

Puisque Ionic 2 est en développement actif, les choses changent tout le temps. Si vous souhaitez vérifier les événements de cycle de vie actuels, veuillez vous référer à: https://ionicframework.com/ docs/v2/api/navigation/NavController/# lifecycle-events

34
artberri

Vous pouvez utiliser le rappel du cycle de vie ngAfterViewInit () du composant chargé en dernier (dépend de votre routage).

4
Günter Zöchbauer