2016-05-19 6 views
2

все еще борется с новым компонентом маршрутизатора от Angular2 RC.1.Angular2 RC1 многоуровневый маршрутизаторLink директива

компоненты моего приложения собраны таким образом:

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

Маршрутизация прекрасно работает для ContentComponent и всех его дочерних компонентов. Проблема заключается в создании маршрутов в NavigationBarComponent, который является постоянно видимым компонентом, предлагающим некоторые ярлыки для компонентов.

Если я собрать ссылку из NavigationBarComponent в UserSettingsComponent, маршрут должен выглядеть следующим образом:

/user/:id/settings 

мне удалось создать такую ​​связь с этим:

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

Concatening ссылку похоже, это кажется довольно уродливым и неправильным. Я пробовал синтаксис, как он был использован в устаревшей маршрутизации бета-версий

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

но выход выглядел следующим образом:

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

Я не мог найти какие-либо примеры для этого требования в документы или живые примеры. Какие-либо предложения? Заранее спасибо.

ответ

2

Оно должно быть:

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

Замечательно. Вот и все. Спасибо! – Matt

Смежные вопросы