Angular2 RC6 - Verschachtelte Module mit Routing
In meiner Bewerbung habe ich eine SupportModule welche 3 Untermodule hat ( AdminModule , ChatModule , ContactModule ). SupportModule und seine 3 Sub-Module haben ihre eigenen Routings definieren.
Struktur sieht ungefähr so aus
Das Routing für das 'AdminModule' ist unten angegeben:
%Vor% und routing für SupportModule (welches das übergeordnete Modul der 3 Untermodule ist) ist unten angegeben:
Dann importiere ich endlich supportRouting in mein AppModule .
Die Navigation funktioniert ohne Probleme. Aber ich bin ein wenig verwirrt. Ich weiß nicht, ob dies der richtige Weg ist, Eltern-Kind-Module mit ihrem eigenen Routing zu verwenden, oder ob es einen besseren Weg gibt, dies zu erreichen.
Wenn jemand mich korrigieren kann (wenn ich einen Fehler mache) oder einen besseren Ansatz kennt, wäre das wirklich hilfreich.
2 Antworten
Nach meiner Lektüre der Dokumente und meiner eigenen Erfahrung mit ähnlichem Routing scheint das, was Sie getan haben, dem von Angular empfohlenen Stil zu entsprechen.
Ich habe gerade diese Diskussion über das Angular Github gehört. Ich habe es noch nicht ausprobiert, aber es sieht so aus, als ob der Link einen besseren Weg dafür bietet.
Ich werde zurückkommen, wenn ich es ausprobiert habe.
Nach den Anweisungen im Link habe ich das zuerst mit WITH Lazy Loading arbeiten lassen - denn das wollte ich sowieso.
Ich bin nicht sicher, auf welche Art Sie suchen.
Beim Lazy-Laden geht es so:
Meine Hierarchie ist
%Vor%Wo Kosten, Zahlungen, Variationen, Admin, Projekte und Benutzer alle Module sind.
Mein app.routing sieht dann so aus:
costing.routing ist:
Und schließlich, payments.routing :
Ich bin sicher, dass Sie das synchrone Laden für mein träges Laden ersetzen könnten.
Ich schätze, es liegt wirklich an dir, wie du es willst. Als ngModules herauskam, beschloss ich, alles zu modularisieren, um es zusammenzuhalten. Ich habe eine große App mit zahlreichen Routen. Ich habe alle Hauptwege zu Feature-Modulen in das App.Routing als solches gestellt:
%Vor%Dann mache ich das in jedem Feature-Modul zum Beispiel: home.routing.ts:
%Vor%Ich mache das mit jedem Feature-Modul und ich habe keine Probleme mit dem Routing und es hält es modular.
Tags und Links angular angular2-routing