Ionic3에 입문해 본다~그 9 Angular4 튜토리얼 ⑦~
라우팅
Angular 자체의 라우팅은 Ionic에서 사용하지 않으므로 Angular 튜토리얼의 라우팅에 대해서는 생략합니다.
Ionic 라우팅
Ionic2 기사이지만 아래를 참조하십시오.
htps : // 코 m / 코 하시 / ms / f424fb5d897fc6317c9
기본적으로 Ionic에서는 라우팅이 필요하지 않은 것 같습니다.
그러나 물론 그러한 동작도 지원됩니다.
Ionic3에서는 IonicPageModule을 사용합니다! (Ionic2까지와 정보가 혼재되어 꽤 어렵습니다만…)
예로서 이번에는 새로운 샘플을 사용합니다.
먼저 다음 명령을 실행합니다.
ionic start sampleApp
ionic g page second
또한 sampleApp은 blank로 해주세요.
그러면 이런 느낌의 샘플을 할 수 있을 것입니다.
손을 넣는 곳은 많지 않습니다.
먼저 home.ts를 편집합니다.
그런 다음 호출할 버튼을 HTML로 만듭니다.
손을 넣는 것은 아니지만 마지막으로 second 페이지를 살펴 보겠습니다.
push 하고 있는 것은 second.ts 로 선언되고 있는 SecondPage 클래스라고 알 수 있습니다.
이것을 움직여 보면 아래와 같이 움직입니다.
자세한 내용은 아래의 Doc에 있습니다. 꼭 봐 주세요.
h tps // 이오니 cf 라메를 rk. 코 m/도 cs/아피/나ゔ가치온/이오니 c파게/
Reference
이 문제에 관하여(Ionic3에 입문해 본다~그 9 Angular4 튜토리얼 ⑦~), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/tokky_se/items/5c258e00ff4d28fee3f6
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
ionic start sampleApp
ionic g page second
Reference
이 문제에 관하여(Ionic3에 입문해 본다~그 9 Angular4 튜토리얼 ⑦~), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/tokky_se/items/5c258e00ff4d28fee3f6텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)