Help us understand the problem. What is going on with this article?

ionic ライフサイクル

More than 1 year has passed since last update.

ライフサイクルイベントとは

ページが表示、非表示になるタイミングで発生するイベントのこと

constructor

ライフサイクルイベントではない
DOM操作に関する実行は入れない
ー>ここに書くと画面に反映されないかも...

ionicのライフサイクル

ionViewDidLoad

ロードされたときに実行
DOM要素、カスタムコンポーネントへのアクセス

ionViewWillEnter

ページがアクティブになる直前に実行
nav.pop()で戻ったときは実行されない
イベントの登録やデータ取得に利用する

ionViewDidEnter

ページがアクティブになったとき実行
nav.pop()で戻ったときも実行
データを常に最新にしたいときに利用する

ionViewWillLeave

ページが非アクティブになる直前に実行
イベントを破棄するときに利用する

ionViewDidLeave

ページが非アクティブになったときに実行

ionViewWillUnload

ページが非アクティブになり、破棄される直前に実行

ionViewCanEnter

ページを表示するか判定する
boolean型で返す(true: 表示、false:元のページに戻る)

ionViewCanLeave

ページを離れるかどうか判定する
boolean型(true: ページを離れる、false: とどまる)

Angularのライフサイクル

ngOninit

コンポーネント生成時に実行
入力中のページ遷移の際にアラートを出したりするときに利用する

ngOnDestroy

コンポーネントを破棄するときに実行

meko
ニーアオートマタとSplatoon2が好き 最近勧められてFriday the 13thの動画をみてます 主にjavascript, typescript周りを勉強中 プロジェクトで使いそうなのでRubyにも手を出しはじめた
https://meko3.github.io
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away