Как мне эффективно добавить параметр в мою маршрутизацию Angular 7? - PullRequest
Новая
       16

Как мне эффективно добавить параметр в мою маршрутизацию Angular 7?

0 голосов
/ 04 апреля 2019

Итак, я пытаюсь добавить простой раздел подробностей в мою электронную коммерцию.Два пути выглядят следующим образом: 

{ path: 'items', component: ItemListComponent},
{ path: 'items/details/:id', component: ItemDetailComponent},

А вот моя ссылка на маршрутизатор из шаблона компонентов ItemList: 

<a routerLink="['/items/details',item.id]">See Details</a>

Но когда я нажимаю кнопку, мой URL-адрес не / items / details/{Я бы}.Копирование адреса ссылки дает мне следующее: /items/%5B'/items/details',item.id%5D

Что не так с моим подходом и как я могу это исправить?Я просто хочу, чтобы моя кнопка переходила от элементов к элементам / деталям / {id}.Мой item.id содержит правильные значения, поэтому это не так.

Я также получаю сообщение об ошибке: 

Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'items/%5B'/items/details',item.id%5D'

Ошибка: невозможно сопоставить ни один маршрут.Сегмент URL: 'items /% 5B' / items / details ', item.id% 5D'

1 Ответ

3 голосов
/ 04 апреля 2019

Вам нужно обернуть routerLink в квадратные скобки: 

<a [routerLink]="['/items/details',item.id]">See Details</a>
...