Angular2 RC1マルチレベルrouterLink指示文

Question

は、Angular2 RC.1現在の新しいコンポーネントルーターとまだ苦労しています。

マイアプリのコンポーネントは、このように組み立てられている。

Main 
- NavigationBarComponent 
- ContentComponent 
    - UserComponent 
    - UserSettingsComponent 
    - UserNotificationComponent 
    - CarComponent 
    - CarDetailsComponent 
    - ... 

ルーティングはContentComponentとそのすべての子コンポーネントのために正常に動作します。この問題は、NavigationBarComponent内のルートを作成することです。NavigationBarComponentは、コンポーネントにいくつかのショートカットを提供する永続的に可視のコンポーネントです。私はUserSettingsComponentへNavigationBarComponentからのリンクを組み立てる場合

、ルートは次のようになります。

<a [routerLink]="['/user/'+loggedInUser.id+'/settings']"> 

リンクをConcatening：

/user/:id/settings 

私はこれで、このようなリンクを作成するために管理しましたしかし、このようにかなり醜いと間違っているようだ。私は、この要件のための任意の例を見つけることができませんでした

/user/:id/settings;id=56edad04c506d7e7963edd48 

に：それはベータ版

<a [routerLink]="['/user/:id/settings',{'id':loggedInUser.id}]"> 

の廃止予定のルーティングに使用されたように私は、構文を試してみたが、出力はこのように見えましたドキュメントやライブの例。助言がありますか？前もって感謝します。

Answer 1

それは次のようになります。

<a [routerLink]="['/user', 'loggedInUser.id', 'settings']">