Navigation and nested page-router-outlet with lazy loaded children

Offen

#57 erstellt am 15.2.2022 4 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit: 4/5
Geschätzter Aufwand: 3-5 Tage
Anfängerfreundlichkeit: 35/100

Issue-Typ: Bug
Klarheit: Größtenteils klar
Aktivitätsstatus: Veraltet
Tech-Stack: angular, typescript
Bereich: mobile

Rechercherichtung

Beginne mit dem verlinkten Beispiel ns-login-tab-navigation-ng13 und passe dessen verschachtelte page-router-outlet-Konfiguration so an, dass die Details von Spielern und Teams lazy-loaded werden. Vergleiche das Verhalten zwischen @nativescript/angular 13.0.1 und 13.0.2, während du Router-Ereignisse nachverfolgst; als erledigt gilt die Aufgabe, wenn das Navigieren zu den Details und zurück wiederholt und tabübergreifend weiterhin funktioniert.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

Environment
Provide version numbers for the following components (information can be retrieved by running tns info in your project folder or by inspecting the package.json of the project):

CLI: 8.1.5
Cross-platform modules: 8.1.5
Android Runtime: 8.1.0
iOS Runtime: 8.1.1
Plugin(s): "@nativescript-community/ui-material-bottom-navigation": "~6.2.13"
NativeScript-Angular: 13.0.2
Angular: 13.1.1

Describe the bug

Navigation for a page-router-outlet is not working anymore after navigating back from details view.

I have a navigation setup with nested page-router-outlets, much like this example, except the children (player details and team details) are also lazy loaded modules with their own routes.

After starting the app, and the tabs are loaded with their lazy loaded module, I can navigate to the details view and back. However, when I try to navigate to the details view again, there's no response. I have enabled tracing on the router, and there are no events fired when navigating back. Also no events are fired on new navigation attempts.

If I navigate to another tab, I can repeat the process. Then that will be "stuck" as well.

To Reproduce
Use the example from the link above and lazy load the details components.

Expected behavior
Navigation should keep working regardless of lazy loaded children.

Sample project

Additional context

This was working in @nativescript/angular 13.0.1, but then with issues like #49 and #53

Vorherrschende Sprache: TypeScript
Sterne: 55
Forks: 13
Ø Merge: 16 Min.
Gemergte PRs (30 T.): 1

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
Forken Sie das Repository und arbeiten Sie in einem Branch.
Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus NativeScript/angular

Angular 22 compatibility, EventData types are not correctly inferred from templates Offen

Schwierigkeit 4/5 3-5 Tage Anfängerfreundlichkeit 45/100

NativeScript/angular#170 · 1 Kommentar · Erstellt am 13.6.2026
[iOS] RouterExtensions.back() fails silently after app lock/suspend mid-navigation — component stuck, native back button unresponsive on resume Offen

Schwierigkeit 5/5 Über eine Woche Anfängerfreundlichkeit 35/100

NativeScript/angular#164 · Erstellt am 21.4.2026
My types are gone Offen

Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 45/100

NativeScript/angular#163 · 1 Kommentar · Erstellt am 21.1.2026
Support for NativeScript v9 sectioned ListView with Angular templates Offen

Schwierigkeit 4/5 3-5 Tage Anfängerfreundlichkeit 38/100

NativeScript/angular#158 · 1 Reaktion · Erstellt am 27.11.2025
[note] NativeScript v9 will support ES Modules; if @Component uses moduleId, remove it Offen

Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 35/100

NativeScript/angular#155 · Erstellt am 15.9.2025

Alle Issues in NativeScript/angular