Angular路由动态重定向：如何让父路由每次跳转生成新ID？

问题根源 #

你当前的路由配置里，redirectTo中的generateNewId()是在路由模块初始化时就执行了一次，之后所有重定向都会复用这个初始生成的ID，自然做不到每次都生成新值。

无需守卫/虚拟组件的实现方式 #

如果你的项目使用Angular 14及以上版本，直接利用redirectTo的动态函数特性就能解决：

{
  path: 'entity/create',
  redirectTo: () => {
    const newId = generateNewId(); // 每次触发重定向时都会重新生成ID
    return `entity/create/${newId}`;
  },
  pathMatch: 'full' // 必须添加，保证只有完全匹配路径时才触发重定向
}

关键说明 #

• 这个函数每次访问entity/create路径时都会被调用一次，每次都会生成全新的ID，彻底解决ID复用问题。
• pathMatch: 'full'不能省略，否则可能出现路由匹配混乱，比如子路由被错误触发重定向的情况。

版本限制 #

如果你的Angular版本低于14，这个动态函数特性不支持，那确实绕不开守卫或虚拟组件；但14+版本用上述方法完全可行，无需额外创建守卫或组件。

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