====== Ionicでページ遷移 ======

ページ遷移の方法として、Ionic3の時点では、以下の2通りの方法があります。他に、Angularのルーティングを用いる方法がありますが、多少面倒です。

<code>
goSecondPage() {
  this.navCtrl.setRoot(SecondPage);
}
</code>



<code>
goSecondPage() {
  this.navCtrl.push(SecondPage);
}
</code>


参考

https://www.joshmorony.com/a-simple-guide-to-navigation-in-ionic-2/


===== 1. navCtrl.setRoot()を用いる方法 =====


ionic CLIで

<code>
ionic start myApp blank
</code>

としてblankタイプのionicアプリを作成すると、デフォルトでは、

src/pages/home/home.html

の1ページのみとなっています。

こちらにSecondPageを追加し、HomePageからのリンクを貼る方法を紹介します。

===== 2. navCtrl.push()を用いる方法 =====


===== 3. [navPush]を用いる方法 =====



===== 3. Angularのルーティングを用いる方法 ====

Ionic3の時点では、Ionic3にはルーティングはサポートされていませんが、Inoic4からサポートされるかもしれないとのことです。Ionic3でのAngularのルーティングの使用方法は、以下のリンク先をご覧ください。


https://www.joshmorony.com/using-angular-routing-with-ionic-4/\\
{{:pasted:20180610-134736.png}}

上記より先に、日本語で、Ionicより分かりやすい、Angularのルーティングの方法について先に学ぶとわかりやすいと思います。しかし、この記事に書いてあるIonic2の"DeepLinker"というものは、Ionic3には無さそうです。

https://qiita.com/kohashi/items/f424fb5dd897fc6317c9\\
{{:pasted:20180610-144730.png}}





===== リンク =====

http://diaki-h.hatenablog.com/entry/2017/06/06/155829\\
{{:pasted:20180612-093618.png}}

https://ionicframework.com/docs/components/#navigation\\
{{:pasted:20180612-093700.png}}