LoginSignup
10
8

More than 5 years have passed since last update.

ionic ライフサイクル

Posted at

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

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

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

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

10
8
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
10
8