Blank부터 시작하는 아이오닉 / 홈으로

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가지 이다

그럼 다음시간으로 넘어가자