Ich bin neu bei angular2. Ich versuche zu verstehen, wie mehrere <router-outlets>
in einer bestimmten Vorlage verwendet werden. Ich bin durch viele QA gegangen, aber konnte meinen Fehler nicht lösen.
router.module.ts
%Vor%component1.html
%Vor%component2.html
%Vor%component3.html
%Vor%component4.html
%Vor%Der folgende Screenshot ist meine aktuelle Ausgabe:
Wenn ich auf klicke ... Gehe zu zwei ... In zwei wird gedruckt. Wenn ich aber auf zwei andere Links klicke, bekomme ich den Fehler kann keine Routen
finden Ich habe mich selbst gelöst. Habe auch ein paar kleine strukturelle Änderungen vorgenommen. Die Route von Component1 zu Component2 erfolgt durch ein einzelnes <router-outlet>
. Component2 bis Comonent3 und Component4 wird von mehreren <router-outlet name= "xxxxx">
ausgeführt. Der resultierende Inhalt lautet:
Component1.html
%Vor%Component2.html
%Vor% Das '/two'
repräsentiert die Elternkomponente und ['three']
und ['four']
repräsentiert die Verbindung zu den jeweiligen Kindern von component2
. Component3.html und Component4.html sind die gleichen wie in der Frage.
router.module.ts
%Vor%Tags und Links angular angular2-routing