角度：多個嵌套路線

Question

摘要

• 我在產品頁面（url.com/products）上列出了產品列表
• 當我單擊某個產品時，會顯示摘要和該產品問題的鏈接（url.com/products/22）-（22為產品ID）
• 當我單擊鏈接查看問題時，我陷入了困境。

到目前為止我有什么

我可以很好地顯示產品列表，也可以在單擊產品后顯示頁面，並且URL更改為“ url.com/products/10”。 所以下面的工作正常。

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

問題是否可以使用路由器鏈接實現以下目標？

“url.com/products/10/issues/24”

• 產品：顯示產品列表的產品頁面
• 10：ID為10的所選產品
• 問題：與該產品相關的問題列表頁面
• 24：選定的ID為24的問題

任何幫助將不勝感激。 謝謝。

Answer 1

是的，您可以通過以下方式進行操作：

• 對於問題列表： [routerLink] = "['/product', product.productID, 'issues']" 。
  這將生成一個指向/product/10/issues/

• 對於特定問題： [routerLink] = "['/product', product.productID, 'issues', issueID]" 。
  這將生成一個指向/product/10/issues/24

您可以在此處獲得更多詳細信息。