angular – 如何仅为特定路由激活RouteReuseStrategy

import { RouteReuseStrategy,ActivatedRouteSnapshot,DetachedRouteHandle } from "@angular/router";

export class CustomRouteReuseStategy implements RouteReuseStrategy {

  handlers: { [key: string]: DetachedRouteHandle } = {};

  shouldDetach(route: ActivatedRouteSnapshot): boolean {
    return route.data.shouldReuse || false;
  }

  store(route: ActivatedRouteSnapshot,handle: {}): void {
    if (route.data.shouldReuse) {
      this.handlers[route.routeConfig.path] = handle;
    }
  }

  shouldAttach(route: ActivatedRouteSnapshot): boolean {
    return !!route.routeConfig && !!this.handlers[route.routeConfig.path];
  }

  retrieve(route: ActivatedRouteSnapshot): {} {
    if (!route.routeConfig) return null;
    return this.handlers[route.routeConfig.path];
  }

  shouldReuseRoute(future: ActivatedRouteSnapshot,curr: ActivatedRouteSnapshot): boolean {
    return future.data.shouldReuse || false;
  }

}

在路由器模块中,在providers数组中实现新策略：

providers: [
  { provide: RouteReuseStrategy,useClass: CustomRouteReuseStategy },...
]

然后,声明所需的路由,并将数据属性“shouldReuse”设置为true

{ path: 'myPath',component: MyComponent,data: { shouldReuse: true } },

只有具有data属性shouldReuse设置为true的路由才会被重用.