webentwicklung-frage-antwort-db.com.de

Ionic 4: Wie stelle ich die Navigationsrichtung (rückwärts / vorwärts) mit routerLink ein?

Ionic 4 verwendet jetzt Angular Router. Obwohl es immer noch einen eigenen NavControler hat, der hilft, den Push/Pop-Navigationsstil mit den Methoden NavigateBackward und NavigateForward zu simulieren.

Damit der Ion-Back-Button angezeigt wird, müssen Sie, glaube ich, navigForward und navigieren Sie zurück.

In meiner Anwendung bevorzuge ich die Verwendung von routerLinks zum Navigieren (damit der Benutzer die Seite auf einer anderen Registerkarte öffnen kann) anstelle von navController.

Bei routerLinks wird der Ion-Back-Button jedoch nicht angezeigt. Es muss eine Möglichkeit geben, routerLinks wie Push/Pop-Navigation zu verhalten.

Wie kann ich ein Ereignis wie navigierenForward und navigieren zurück mit routerLinks simulieren?

5
Natanael

Der Wechsel von Ionic 3 zu Ionic 4 mit Navigation) hat sich ziemlich verändert, aber die Änderungen sind nicht schlecht. Das Ionic Docs empfehlen, zu Angular Routing anstelle des herkömmlichen Ionic Pop und Push) zu wechseln. Es gibt verschiedene Möglichkeiten, Ihre Seiten zu routen, aber Ich denke, am einfachsten zu verstehen ist die Verwendung der Funktionen navigateForward() und navigateBack() in der .ts-Datei.

Ex.

navigateForward(){
    this.navCtrl.navigateForward('/route of the page you want to navigate to');
  }
<ion-button large block (click)="navigateForward()">
      Navigate Forward
</ion-button>

Das Navigieren vorwärts und rückwärts hat natürlich mit der Struktur zu tun, wie Ihre App aus dem Stapel erstellt wird.

Das app-routing.module.ts Datei erstellt automatisch die Routen für Ihre generierten Seiten, aber Sie können die Routen dort manuell ändern sowie eine Stammseite festlegen.

Ein guter Hinweis auf Routing-Tutorials hier . Zeigt auch verschiedene Möglichkeiten zum Navigieren mithilfe von Routen in Ihrer App an.

1
Stephen Romero