2016-10-12 9 views
3

名前付きコンセントを使用しようとしています。 app.routesでは、私は次のパスを持っています。名前付きルーターのコンセントが動作しない

{パス: 'ホーム'、成分:HomeComponent、出口: 'ホーム'}

app.component.htmlは、ホーム出口がホーム・コンポーネントを表示することがない

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

を含有します。ルータのパスからアウトレット名を削除すると、無名アウトレットにHomeComponentが表示されます。私は最新のAngular 2を使用しています。名前付き店舗はなぜ機能しないのでしょうか?

[UPDATE] ここではplunkrが動作していますが、app.comoponent.tsを調べる必要があります。 Crisis CenterまたはHereosへのリンクをクリックすると、ナビゲートされたコンポーネントが赤色のコンセントゾーン内に表示されますか?あなたの助けのための

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

ありがとう!

答えて

2

だから、問題は、私はこのような空のパスプロパティを残していたということでした。..ルータコンセントは、それが問題のスペルの間違いだったの命名については申し訳ありません

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

あなた自身の質問に答えたことは良いことですが、なぜこれが最善の答えであるのかを少し説明した方が良いでしょう。 –

3

ルーターアウトレット(角2)は、<router-outlet>と定義されています。また、HTMLテンプレートでアポストロフィの代わりに引用符を試してください。

通常、テンプレートに1つのコンセントしかない場合は、名前を付けないことをお勧めします。

+0

。私はアポストロフィの代わりに引用符を使ったが運がなかった。私はapp.componentテンプレートに2つのアウトレットが必要です。 – doorman

+1

私が知っている限りでは、(ベストプラクティスの代わりに)無名の ''が必須です。 –

+0

ルータの設定とロジックにコードがなければ、あなたを助けるのは難しいです。 –

関連する問題