Angular子路由跳转：如何在route1/subroute1页面添加跳转至route1/subroute2的链接？

嗨，针对你的场景，在Angular的HTML模板里实现这个路由跳转，最常用的是routerLink指令，给你两种实用的写法：

1. 相对路由（推荐） #

因为两个子路由同属route1父路由下，用相对路由更灵活，不用硬编码完整路径：

<a routerLink="../subroute2">跳转到Subroute2页面</a>

解释：../表示回到当前路由的父层级（也就是route1），再指向subroute2，后续如果父路由route1的路径修改，这个链接也不用跟着调整。

如果你的组件是直接通过<router-outlet>嵌套在route1父组件里，还可以用更简洁的同级相对路径：

<a routerLink="subroute2">跳转到Subroute2页面</a>

这种写法适合当前路由和目标路由处于同一父级的场景，Angular会自动解析为同级跳转。

2. 绝对路由 #

如果你更倾向于明确指定完整路径，可以用绝对路由（注意开头的斜杠/）：

<a routerLink="/route1/subroute2">跳转到Subroute2页面</a>

这种写法直接指定了从根路由开始的完整路径，适合路径固定的场景，但如果后续父路由路径变更，需要手动修改这个链接。

另外要确保你的Angular项目已经正确配置了RouterModule，并且模板所在的模块也导入了RouterModule哦！

内容的提问来源于stack exchange，提问作者dna