angularjs - Angular：多个嵌套路由

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

你可以在这里获得更多细节。