Angular：多个嵌套路由

Question

摘要

• 我在产品页面（url.com/products）
上有产品列表
• 当我点击某个产品时，我会看到摘要以及该产品问题的链接（url.com/products/22） - （22为产品ID）
• 当我点击链接查看问题时，我陷入困境。

到目前为止我有什么

我可以很好地显示产品列表，我也可以在点击产品后显示页面，并且URL更改为＆＃34; url.com/products/10"。因此，下面的工作正常。

＆＃13;

＆＃13;

{{1}}

＆＃13;

＆＃13;

＆＃13;

问题 是否可以使用路由器链接来实现以下目标？

＆＃34; url.com/products/10/issues/24"

• 产品：显示产品清单的产品页面
• 10：所选产品的ID为10
• 问题：与该产品相关的问题列表页面
• 24：所选问题的ID为24

非常感谢任何帮助。谢谢。

Answer 1

是的，你可以通过以下方式做到这一点：

• 问题列表：HttpClient 这将生成指向[routerLink] = "['/product', product.productID, 'issues']"

的链接

• 针对特定问题：/product/10/issues/。
  这将生成指向[routerLink] = "['/product', product.productID, 'issues', issueID]"

的链接

您可以通过here了解更多详情。