Named Router Outlet funktioniert nicht

Question

Ich versuche, benannte Steckdosen zu verwenden. In App.routes habe ich den folgenden Pfad.

{Pfad: 'Heimat', Komponente: HomeComponent, Ausgang: 'Heimat'}

app.component.html enthält

<router-outlet name="home"></router-outlet> 
<router-outlet></router-outlet> 

Der Heim Ausgang nie zeigt die Heim Komponente. Wenn ich den Namen des Ausgangs aus dem Router-Pfad entferne, zeigt der unbenannte Ausgang die HomeComponent. Ich benutze das neueste Angular 2. Irgendeine Idee, warum die benannte Steckdose nicht funktioniert?

[UPDATE] Hier funktioniert Plunkr, Sie müssen nur in app.comoponent.ts nachsehen. Wenn Sie auf die Links zu Crisis Center oder Hereos klicken, würde ich erwarten, dass die navigierten Komponenten in der roten Outlet-Zone angezeigt werden.

https://plnkr.co/edit/l2Li0sLbbEIRZCppRlvF?p=preview

Vielen Dank für Ihre Hilfe!

Answer 1

So war das Problem, dass ich den Weg Eigenschaft leer wie diese verlassen musste ..

{ path: '', component: HomeComponent, outlet: 'home' } 

Answer 2

Routerausgänge in Angular 2 sind definiert als <router-outlet>. Außerdem sollten Sie Anführungszeichen anstelle von Apostrophen in Ihrer HTML-Vorlage verwenden.

Wenn Sie nur eine Steckdose in Ihrer Vorlage haben, sollten Sie ihnen im Allgemeinen keinen Namen geben.