web-dev-qa-db-ja.com

Ionic 4：ngOnInitとionViewWillEnter

AngularライフサイクルフックまたはIonicライフサイクルフックは、Ionic 4 ？

Angularライフサイクルフック-ngOnInit

ngOnInit() {
    this.getData();
}

Ionicライフサイクルフック-ionViewWillEnter

ionViewWillEnter() {
    this.getData();
}
angularionic-frameworkionic4angular-lifecycle-hooks
10
Varun Sukheja

Ionic 4移行ガイド は次のように記述しています。

V4では、Angularが提供する一般的なイベントを利用できるようになりました。ただし、場合によっては、コンポーネントがルートの変更中にアニメーションを終了したときに発生するイベントにアクセスしたい場合があります。この場合、ionViewWillEnter、ionViewDidEnter、ionViewWillLeave、およびionViewDidLeaveがV3から移植されました。これらのイベントを使用して、アクションをIonic独自のアニメーションシステムと調整します。

つまり、一番下の行はを優先することですAngularライフサイクルフック可能であればngOnInitのようにします。例外は、コンポーネントがアニメーションに入っていることを終了したかどうかをチェックするようなIonicsアニメーションシステムを処理することです。

5
Phonolog

Ionic 4ライフサイクルイベントはangularライフサイクルイベントと同じです。Ionic 3ライフサイクルイベントはここでは機能しません。

初期化には、使用する必要があります

ngOnInit()

ビューの初期化後に必要な場合は、

変更してください

ionviewwillenter

に

ngAfterViewInit()

これは問題なく動作します。

5
Sathish kumar Ramalingam

ionViewWillEnter —ページに入るときに発生します（スタックから戻った場合も同様）。

ngOnInitスタックに入れた後でページに戻った場合、トリガーされません

私は一度よく考えるionviewwillenter

4
siva kumar

ngOnInit

コンポーネントの初期化中に一度発生します。このイベントを使用して、ローカルメンバーを初期化し、一度だけ実行する必要があるサービスを呼び出すことができます。

ionViewWillEnter

0
Supriya