03.1. NavController를 통한 페이지 이동시 발생 이벤트

2017.07.24 in Ionic

NavController의 lifecycle 이벤트

NavController를 사용하여 페이지를 이동할때, 발생하는 이벤트들에 대해 정리해본다.

...
import { NavController } from 'ionic-angular';
...
   constructor(public navCtrl: NavController) {
   }
  openPage(page) {
    this.navCtrl.push(page);
  }
   ionViewDidLoad() {
     alert('최초 로딩됌');
   } 
}

이벤트

이벤트 메서드 명	Returns	설명
`ionViewDidLoad`	void	처음 페이지가 로딩되었을때, 캐시된 페이지에서는 동작을 하지 않음.
`ionViewWillEnter`	void	페이지에 들어가서, 페이지가 활성활 되었을때
`ionViewDidEnter`	void	페이지에 완전히 접근하여 활성화가 되었을때, 캐시 여부와 관계없이 실행 됌.
`ionViewWillLeave`	void	페이지를 막 떠나기 시작할때
`ionViewDidLeave`	void	페이지 떠나기를 완료하였을 때
`ionViewWillUnload`	void	페이지가 제거 돼고, 페이지의 엘리먼트가 제거 됐을때

Reference

http://ionicframework.com/docs/api/navigation/NavController/

https://www.youtube.com/watch?v=wQTkO0UFfDY&index=12&list=PLAiXlfcSCXYTA8k8AQX0sdRtvpOGkY7yq

Comment and share

03.1. NavController를 통한 페이지 이동시 발생 이벤트

NavController의 lifecycle 이벤트

이벤트

Reference

Junho Nam