Angular自定义RouteReuseStrategy未执行问题求助

1. 修正Provider类名笔误 #

查看你editor.module中的配置：

providers: [
    {
        provide: RouteReuseStrategy,
        useClass: AWARouteReuseStrategy // 此处类名与导入的myRouteReuseStrategy不匹配
    },
    // ...其他服务
],

你导入的自定义策略类是myRouteReuseStrategy，但useClass写的是AWARouteReuseStrategy，这会导致Angular无法找到目标类，直接将AWARouteReuseStrategy替换为myRouteReuseStrategy即可。

2. 确认RouteReuseStrategy的注入层级 #

RouteReuseStrategy是Angular全局服务，若你的根模块（AppModule）已配置了默认或其他自定义的RouteReuseStrategy，特性模块（editor.module）中的配置会被根模块覆盖。

• 检查AppModule的providers数组，若存在RouteReuseStrategy配置，要么移除根模块的对应配置，要么将myRouteReuseStrategy配置在根模块中。

3. 验证自定义策略的核心方法逻辑 #

确保myRouteReuseStrategy的关键方法适配你的子路由场景：

• shouldReuseRoute：默认实现仅判断路由是否完全相同，若需复用子路由，可调整逻辑：

  shouldReuseRoute(future: ActivatedRouteSnapshot, curr: ActivatedRouteSnapshot): boolean {
    // 父路由一致时，允许子路由复用
    return future.routeConfig === curr.routeConfig || 
           (curr.parent && future.parent && curr.parent.routeConfig === future.parent.routeConfig);
  }
  

• shouldDetach：需返回true才会存储路由快照，可通过路由data标记控制：

  shouldDetach(route: ActivatedRouteSnapshot): boolean {
    return route.data?.shouldReuse === true; // 在路由配置的data中添加shouldReuse标记
  }
  

• 确保store、shouldAttach、retrieve方法能正确存储和读取路由快照，比如用路由路径作为存储key。

4. 确认路由跳转方式 #

确保导航树触发的路由跳转是Angular Router的合法方式（如router.navigate或routerLink），非Router方式的跳转不会触发RouteReuseStrategy逻辑。同时检查子路由路径配置（比如asset/末尾的斜杠）是否与跳转路径匹配，避免因路径不匹配导致路由重新创建。

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