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
相关产品推荐
相关产品推荐

