ModalControllerとNavControllerの相違点

Question

Ionic 2でModalControllerとNavControllerの違いを理解する必要があります。NavControllerを選択する必要がありますか、ModalControllerを選択する必要がありますか？

Answer 1

：

モーダルは、ルートNAV スタック自体を提示するからNavControllerを使用します。 NavController.push の仕組みと同様にスタックに追加されます。

メカニズムでは、それらは同じです。 UXについて語りましょう。

Aモーダルモーダル

ユーザの現在のページ上では、実際にページの上に行く行くコンテンツ・ペインです。それはポップアップのようなものです。小さなデバイスでは、それは画面のすべてのスペースを取るので、それとページからのdiffentceを実現することはできません。しかし、ipadのようにタブレットでテストすると、モーダルが画面の一部を取得し、現在のページがその背後にあることがわかります（画像の説明を参照）。

何を使用する必要がありますか？
ほとんどのケースでは、あなたが好むものにモーダルまたはページベースを使用することができますが、正しくUXモーダルを選択または取得した情報を作り、ケースの編集に使用すべきであることを確認するために、他のケースのページは

Answer 2

ModalControllerは、モーダルを作成し、提示するために使用されます。モーダルは、ギャラリー、編集フォーム、および現在のページの上にプッシュされるべき他のコンテンツに一般的に使用されます。

import { ModalController } from 'ionic-angular'; 
import { Page1 } from './pages'; 

constructor(private modalCtrl: ModalController) {} 

let modal = this.modalCtrl.create(Page1); 
modal.present(); 
modal.onDidDismiss(() => { 
    // Action done after dismissing the modal. 
}); 

NavControllerは、ナビゲーション機能のために使用されている（タブまたは単に基本的なページナビゲーションを考えます）。このコントローラーにはナビゲーション履歴も含まれています。

import { NavController } from 'ionic-angular'; 
import { Page1 } from './pages'; 

constructor(private navCtrl: NavController) { 

} 

this.navCtrl.push(Page1); 

したがって、目的のページを表示するには2つの異なる方法があります。詳細情報/オプション/メソッドについては、ModalおよびNavControllerコンポーネントで利用可能なすべての機能を含む、提供されたリンクを準備してください。 ModalController docで