Angular: несколько вложенных маршрутов

Сводка

  • У меня есть список продуктов, расположенный на странице продукта (url.com/products)
  • Когда я нажимаю на продукт, мне предоставляется сводка и ссылка на проблемы с этим продуктом (url.com/products/22) — (22 — это идентификатор продукта)
  • Когда я нажимаю на ссылку для просмотра проблем, я застреваю.

Что у меня есть сейчас

Я могу нормально отобразить список продуктов, а также могу отобразить страницу после нажатия на продукт, и URL-адрес изменится на «url.com/products/10». Так что это работает нормально с ниже.

<a [routerLink] = "['/product', product.productID]">
  {{ product.productName }} 
</a>

Вопрос Можно ли использовать ссылки маршрутизатора для достижения следующих целей?

"url.com/products/10/issues/24"

  • Продукты: страница продуктов, на которой отображается список продуктов.
  • 10: выбранный продукт с идентификатором 10.
  • Проблемы: страница со списком проблем, связанных с этим продуктом.
  • 24: Выбранная проблема с идентификатором 24.

Любая помощь будет принята с благодарностью. Спасибо.


person MegaTron    schedule 14.06.2017    source источник


Ответы (1)


Да, вы можете сделать это следующим образом:

  • Список проблем: [routerLink] = "['/product', product.productID, 'issues']".
    Будет создана ссылка на /product/10/issues/.

  • Для конкретной проблемы: [routerLink] = "['/product', product.productID, 'issues', issueID]".
    Будет создана ссылка на /product/10/issues/24.

Вы можете получить более подробную информацию по здесь.

person Prerak Sola    schedule 14.06.2017