ionic 하이브리드 앱 개발 - #5 navigation 네비게이션
ionic3에서는 모바일 환경을 중심으로 단순화되고 있으며, ionic3에서는 향상된 네비게이션 기능을 위해 @IonicPage 데코레이터가 도입되었습니다. 먼저 네이게이션 기능을 살펴보도록 하겠습니다. 기본 네비게이션 src/app/app.html 파일을 열고 내용을 살펴보면, 아래와 같은 내용을 확인할 수 있습니다. < ion-nav [rooot] = "rootPage" > </ ion-nav > ion-nav는 NavController의 하위 클래스 이며, 네이게이션 스택과 작업하기 위한 용도로 사용됩니다. ion-nav가 제대로 동작하려면 루트 페이지가 @component 인, 루트페이지를 초기에 로드하도록 설정해야 합니다. import {StartPage} from 'start' @Component({ template: ' < ion-nav [root] = "rootPage" > </ ion-nav > ' }) class MyApp { // First page to push onto the stack rootPage = StartPage; } 다음으로 각 page 에서 네비게이션 Controller 에 접근하기 위하여 생성자를 통해 NavController를 주입받아 사용할 수 있습니다. page component는 셀렉터가 필요하지 않으며, ionic page는 자동으로 추가 될 수 있습니다. @Component({ template: ` < ion-header > < ion-navbar > < ion-title > Login </ ion-title > </ ion-navbar > </ ion-header > < ion-content > Hello World </ ion-conte