You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Angular命名路由出口链接问题:如何生成指定层级URL格式

Angular路由出口链接生成解决方案

要生成maintopic/subtopicHeadline/subtopic格式的URL,你需要在routerLink中同时指定主路由参数和辅助路由的完整路径段,具体写法如下:

[routerLink]="[maintopic, { outlets: { content: [subtopicHeadline, subtopic] } }]"

关键说明:

  • maintopic是你已获取到的主话题参数值,作为主路由的路径前缀
  • outlets对象里的content对应的数组要包含subtopicHeadline和subtopic两个参数值,Angular会自动将这两个值拼接成subtopicHeadline/subtopic,结合主路由最终生成你需要的URL格式。

额外注意事项:

  • 确保组件中已正确定义maintopic、subtopicHeadline、subtopic这三个变量并赋值
  • 主路由对应的SidenavMainComponent模板中必须包含命名路由出口:<router-outlet name="content"></router-outlet>,否则辅助路由组件无法渲染

内容的提问来源于stack exchange,提问作者HolyPoly

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.28 20:12:17