Unterschiede zwischen ModalController und NavController

Question

Ich muss die Unterschiede zwischen ModalController und NavController in Ionic 2 verstehen. Wann sollte ich NavController wählen und wann ModalController wählen?

Answer 1

Im ModalController doc:

Ein modalen verwendet die NavController selbst Stapel in der Wurzel nav zu präsentieren. Es wird dem Stack hinzugefügt, ähnlich wie NavController.push funktioniert.

So können wir sagen, im Mechanismus sind sie gleich. Lass uns über UX sprechen.

A Modal ist ein Inhaltsfenster, der die Benutzer aktuelle Seite geht über

A modal tatsächlich über die Seite. Es ist wie ein Popup. Bei einem kleinen Gerät benötigt es den gesamten Bildschirm, so dass Sie den Unterschied zwischen ihm und der Seite nicht erkennen können. Aber wenn Sie es wie ein iPad im Tablet testen, sehen Sie, dass das Modal nur einen Teil des Bildschirms einnimmt und die aktuelle Seite dahinter steht (Bildbeschreibung unten).

Was sollte verwendet werden?
In den meisten Fällen Sie modal oder Seitenbasis auf verwenden können, was Sie bevorzugen, aber um sicherzustellen, sollte die richtig UX modal bei Bearbeitung verwendet werden, so dass Wahl oder Informationen zu erhalten, sollten andere Fall Seite

Answer 2

Die ModalController wird verwendet, um Modale zu erstellen und zu präsentieren. Modale werden häufig für Galerien, Bearbeitungsformulare und andere Inhalte verwendet, die über die aktuelle Seite geschoben werden sollen.

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. 
}); 

Die NavController für Navigationsfunktionen verwendet wird (man denke etwa Tabs oder nur einfache Seitennavigation). Dieser Controller enthält auch Ihren Navigationsverlauf.

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

constructor(private navCtrl: NavController) { 

} 

this.navCtrl.push(Page1); 

So gibt es zwei verschiedene Ansätze, um die gewünschte Seite darzustellen. Für weitere Informationen/Optionen/Methoden bereiten Sie bitte die bereitgestellten Links vor, die alle verfügbaren Funktionen enthalten, die auf den Modal- und NavController-Komponenten verfügbar sind.