본문 바로가기
아이오닉

[하이브리드앱 ionic]시작해보기 3 - 새로운 페이지 추가

by 알찬 퍼블리셔 2019. 6. 28.
728x90
반응형

[아이오닉] - [아이오닉] 아이오닉 시작해보기 2

 

[아이오닉] 아이오닉 시작해보기 2

[아이오닉] - [아이오닉] 아이오닉 시작해보기 1 위의 글에서 프로젝트 생성까지 진행했다. >> ionic start test-ionic tabs --type=angular >> cd test-ionic >> ionic serve 아래 3개의 탭을 가진 tabs의 형태..

gahyun-web-diary.tistory.com

 

 

 

>> ionic generate 

last라는 이름으로 page를 생성합니다.

https://ionicframework.com/docs/building/scaffolding

 

Scaffolding out an App - Ionic Documentation

Ionic is the app platform for web developers. Build amazing mobile, web, and desktop apps all with one shared code base and open web standards

ionicframework.com

 

현재 index에서 tabs로 연결되고 있고,

last라는 이름의 페이지를 생성했기때문에 경로 /last 는 생성한 last 페이지로 갑니다.

이부분은 last 페이지를 생성할때 

 

app-routing.module.ts 에 자동으로 추가되었습니다.

const routes: Routes = [
  { path: '', loadChildren: './tabs/tabs.module#TabsPageModule' },
  { path: 'last', loadChildren: './last/last.module#LastPageModule' }
];

 

728x90
반응형

댓글