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파게/

좋은 웹페이지 즐겨찾기