角度：多个嵌套路线

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

您可以在此处获得更多详细信息。