앱개발/Ionic 3 / 아이오닉 3
Blank부터 시작하는 아이오닉 / 홈으로
ODB
2017. 9. 11. 09:34
Blank부터 시작하는 아이오닉 / 홈으로
페이지가 많고 깊은 depth를 가지는 경우 홈으로 한방에 가야하는데
요번시간에는 간단하게 그것만 알아보도록 하자
먼저 전에 만든 page2와 page3을 적절히 활용하여 진행 하도록 하자
main > page2 > page3으로 가도록 page2에 버튼을 하나 추가해서 page3으로 가도록 만들자
이정도는 스샷이 없어도 능숙히 하시리라 믿는다
쨘 그런데 Main으로 다시가기 위해서는?
뒤로버튼을 두번 눌러야 한다
한방에 가야하기 때문에 To the Root라는 버튼을 만들고 Main으로 한방에 가도록 하자
to The Root는
page3.html
<button ion-button (click)="navigatetoRoot()">to the Root</button>
page3.ts
navigatetoRoot(): void {
this.navCtrl.setRoot('MainPage');
}
와 같이 작성했다
잘 되는가?
우리가 유념해야 할것들은
navCtrl,push('Next'),
navCtrl,pop(),
navCtrl,setRoot('Main')
3가지 이다
그럼 다음시간으로 넘어가자