AngularRouteReuseStrategy和queryParams
创始人
2024-10-29 06:00:50
0

在Angular中,RouteReuseStrategy用于控制是否要重用一个已经存在的路由。而queryParams则定义了在路由中包含的查询参数。如何同时使用这两个功能呢?我们可以在自定义的RouteReuseStrategy实现中重写shouldReuseRoute方法,在这个方法中根据查询参数来判断是否重用已有的路由。

下面是一个示例代码:

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

export class CustomRouteReuseStrategy implements RouteReuseStrategy {

  shouldDetach(route: ActivatedRouteSnapshot): boolean {
    return false; // 返回false表示不缓存路由
  }

  store(route: ActivatedRouteSnapshot, handle: DetachedRouteHandle): void {
    // 留空即可
  }

  shouldAttach(route: ActivatedRouteSnapshot): boolean {
    return false; // 返回false表示不重用路由
  }

  retrieve(route: ActivatedRouteSnapshot): DetachedRouteHandle|null {
    return null; // 返回null表示没有可以重用的路由
  }

  shouldReuseRoute(
    future: ActivatedRouteSnapshot,
    current: ActivatedRouteSnapshot
  ): boolean {
    if (future.routeConfig !== current.routeConfig) {
      return false; // 不重用不同的路由
    }
    // 根据查询参数判断是否重用已有的路由
    const futureParams = future.queryParams;
    const currentParams = current.queryParams;
    return JSON.stringify(futureParams) === JSON.stringify(currentParams);
  }

}

以上代码中,shouldReuseRoute方法将与路由重用相关的判断条件的逻辑改写,根据两个ActivatedRouteSnapshot的queryParams来进行比较。如果两者queryParams值不同,就返回false,表示不重用已有的路由。否则的话就表示可以重用。

最后在应用中,我们需要将这个自定义的RouteReuseStrategy设置为应用的路由策略即可:

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule],
  providers: [
    { provide: RouteReuseStrategy, useClass: CustomRouteReuseStrategy } // 设置自定义的RouteReuseStrategy
  ]
})
export class AppRoutingModule { }

相关内容

热门资讯

相较于以往!wpk俱乐部是做什... 相较于以往!wpk俱乐部是做什么的,赣牌圈总输,确实真的有辅助脚本(哔哩哔哩)1)赣牌圈总输有没有挂...
了解透视!约局吧app有挂吗,... 了解透视!约局吧app有挂吗,xpoker辅助工具(透视)好像有辅助技巧(哔哩哔哩)1、约局吧app...
刚刚!wepoker公共底牌,... 刚刚!wepoker公共底牌,乐酷有没有挂,其实是真的有辅助神器(哔哩哔哩)乐酷有没有挂是不是有人用...
揭幕透视!pokemmo辅助器... 揭幕透视!pokemmo辅助器脚本下载,菠萝德州透视脚本(透视)原来真的有辅助教程(哔哩哔哩)1、任...
有了最新消息!德普之星怎么设置... 有了最新消息!德普之星怎么设置埋牌,微玩体育辅助器,切实真的是有辅助技巧(哔哩哔哩)进入游戏-大厅左...
揭幕透视!sohoo竞技联盟辅... 揭幕透视!sohoo竞技联盟辅助器,拱趴大菠萝辅助神器(透视)一贯一直总是有辅助app(哔哩哔哩)1...
据报道!hhpoker怎么防作... 据报道!hhpoker怎么防作必弊,浙江宝宝游戏辅助器,其实是真的有辅助方法(哔哩哔哩)1、该软件可...
曝光透视!智星菠萝辅助,智星德... 曝光透视!智星菠萝辅助,智星德州插件2024最新版(透视)果然有辅助软件(哔哩哔哩)曝光透视!智星菠...
目前来看!大菠萝789辅助器下... 目前来看!大菠萝789辅助器下载,九九山城万州版辅助器,竟然有辅助软件(哔哩哔哩)九九山城万州版辅助...
揭露透视!德州透视脚本,哈糖大... 揭露透视!德州透视脚本,哈糖大菠萝开挂(透视)好像有辅助技巧(哔哩哔哩)1、哈糖大菠萝开挂免费辅助多...