2016-10-14 4 views
1

У меня есть маршрут, как этотУгловое 2 Router Link вопрос

path: 'something/:id/somethingElse' 

И в моем header.component.html я хочу иметь ссылку на эту страницу

Я попытался это:

<a routerLink="['something',myIdThatIsDynamicOnComponent,'somethingElse']" routerLinkActive="active">cool link</a> 

Чтобы быть ясным в компоненте заголовка, у меня есть переменная myIdThatIsDynamicOnComponent и т. Д., Но когда я нажимаю эту ссылку, я получаю не могу сопоставить какие-либо маршруты. Примеры, которые я нашел больше для ссылок как

path:'something/:id' 

А затем они отправляют массив после того, как с идентификатором

['/hero', hero.id] 

Но я не могу найти, как уместить это в моем примере.

ответ

3

Вам необходимо использовать [routerLink]. Без скобок значение не оценивается. Он просто использует строковое значение, которое вы передаете.

Если после выполнения этого вы получите ошибку о «routerLink ной будучи известным свойством», то вам необходимо @NgModule.imports: [ RouterModule ] в любой модуль, который вы объявляете компонент в.

Если после этого вы все еще получение плохой маршрутизации, а затем попытаться добавить косую черту перед something

[routerLink]="['/something' 

RouterLinks использовать относительную маршрутизацию. Таким образом, косая черта позволяет перейти к корню для проверки на наличие something

+0

OH! пропустил это, но имеет смысл с выходом консоли, потому что в сообщении, не найденном маршрутом, имелось мое буквальное имя переменной в нем – Barry

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