2017-12-08 5 views
0

Ich möchte die aktuelle Ansicht in der Navigation Stapel ersetzen können.Ionic Framework 3, wie man eine Ansicht ERSETZT? Wie man Pop() und die Push()

Ich entwerfe ein Layout für ein Buch, das in 9 Teile aufgeteilt ist. Diese Teile sind miteinander verbunden unter Verwendung einer Seitennummerierung an der Unterseite jedes Teils, z. vorherige und nächste Tasten.

Aktuelle Struktur der Seiten ist die folgende: Ich habe 1 Hauptseite (die Übersicht), die zu allen Teilen unter Verwendung this.navCtrl.push(PartXPage) verbindet (ich habe Seiten für alle 9 Teile geschaffen). .

enter image description here

Jede Seite auch Links zu den nächsten und vorherigen Seiten wie so:

enter image description here

aber hier kommt das Problem

Wenn ich lese Teil1 , dann Teil2, dann Teil3 und so weiter, der Zurück-Knopf geht immer 1 Ansicht auf einmal zurück. Wenn ich zum Beispiel den ganzen Weg zu Teil 9 in 1 gelesen habe und ich möchte zur Übersicht oder zum Hauptbildschirm gehen, müsste ich 9 mal klicken.

Was ich wollte, ist die folgende Logik zu erstellen. Wenn ein Benutzer zum nächsten Teil geht, entfernen wir den aktuellen Teil aus der Ansicht und drücken den nächsten, so dass die Zurück-Schaltfläche immer zur Übersicht zurückkehrt.

Ich suche nach etwas wie (wenn ich Teil bin 1, die nächste Taste würde):

go_to_part_2() { 
    this.navCtrl.pop() // to forget the current view 
    this.navCtrl.push(Part2Page) // push a new view 
    } 

Allerdings ist dieser Code nicht funktioniert, auch nicht this.navCtrl.pop().push()

+0

an Benutzer zeigen wollen versuche 'this.navCtrl.pop(). then (() => {this.navCtrl.push (Part2Page)})' –

+0

@GregDan Das ist genau das, was ich funktional brauche, aber es sieht so aus, als könnte ich das sehen ganzer Übergang zur Hauptseite und zurück, der auf alten Geräten sehr langsam sein könnte. Irgendeine Möglichkeit, dies zu verbessern? – GRS

+0

https://ionicframework.com/docs/api/navigation/NavController/ navoptions -animate \t boolean \t Ob der Übergang animiert werden soll oder nicht. –

Antwort

0

können Sie individuelle back-Button aus ionischer Navigationsleiste hinzufügen und danach, wenn Benutzer klicken Sie auf zurück-Taste können Sie die Root-Seite gesetzt, was Sie

this.navCtrl.setRoot(PageName)

+0

erstellen Wenn ich dies vor dem Drücken von Seiten, wird die Leseliste zu einer Root-Seite, und ich kann nicht zum Hauptmenü zurückkehren. Die Zurück-Taste verschwindet von Bild 1. – GRS

Verwandte Themen