角度ルータRC1を使用して更新後にChildComponentへのルーティング

Question

問題に正しく近づいているかどうかにかかわらず、少し紛失しています。これは単に新しいルータのRC1バージョンの問題です。

私はエントリポイントとして機能するApplicationComponentを持っています。

@Routes([ 
    {path: '/ingredients', component: IngredientComponent}, 
]) 

IngredientComponentは、それ自体の上にルートを定義：

@Routes([ 
    {path: '/', component: IngredientListComponent}, 
    {path: '/:id', component: IngredientDetailComponent} 
]) 

さらに概要および詳細ビューにビューを分割します。これは、アプリをナビゲートするときにうまく機能します。

ただし、ページを再読み込みすると、Angularがネストされた子ルートのURLと正しく一致しないようです。上にある「/成分/ 1」次のエラーが発生している間、私はページを更新する場合：

Current segment: '2'. Available routes: ['/ingredients'] 

「/成分」のに対し、正常に動作します「/食材/」同じ運命に苦しんでいます。

どのように私はこれを修正することができますか？あるいは、これは一般的に間違ったアプローチですか、そして、私はApplicationComponent内のすべてのルートを宣言すべきですか？

追加： 私は約this particular issueを知っており、既にルータを注入しています。

Answer 1

これはあなたの問題を解決しないかもしれませんが、現在のルートの順序は重要です

少なく特定のルートが最後に来るべきで （ここに滞在すること）（すぐに修正する必要があります）：

@Routes([ 
    {path: '/:id', component: IngredientDetailComponent} 
    {path: '/', component: IngredientListComponent}, 
]) 

関連項目Angular 2.0 router not working on reloading the browser