Angular在导航时重载组件
创始人
2024-10-30 19:30:31
0

可以使用路由配置中的“ReuseStrategy”来禁用Angular在导航时重载组件。下面是一个示例代码:

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

export class CustomReuseStrategy implements RouteReuseStrategy {

  shouldDetach(route: ActivatedRouteSnapshot): boolean {
    return false;
  }

  store(route: ActivatedRouteSnapshot, detachedTree: DetachedRouteHandle): void {}

  shouldAttach(route: ActivatedRouteSnapshot): boolean {
    return false;
  }

  retrieve(route: ActivatedRouteSnapshot): DetachedRouteHandle|null {
    return null;
  }

  shouldReuseRoute(future: ActivatedRouteSnapshot, curr: ActivatedRouteSnapshot): boolean {
    return future.routeConfig === curr.routeConfig;
  }
}

在要使用该策略的模块中,只需将其提供给路由模块即可:

import { NgModule } from '@angular/core';
import { RouterModule, RouteReuseStrategy } from '@angular/router';
import { CustomReuseStrategy } from './custom-reuse-strategy';

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule],
  providers: [{provide: RouteReuseStrategy, useClass: CustomReuseStrategy}]
})
export class AppRoutingModule {}

这将确保在导航时不会重载组件。

相关内容

热门资讯

德州ai辅助软件!aa扑克用模... 您好,德州ai辅助软件这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在...
aapoker有挂!aa扑克辅... aapoker有挂!aa扑克辅助(透视)总是有挂(详细辅助详细教程)您好,aa扑克辅助,确实是有挂的...
wpk有辅助挂!wpk德州测试... 您好,wpk有辅助挂这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在这...
德扑之星有作弊!德州软件工具(... 德扑之星有作弊!德州软件工具(透视)一直真的有挂(详细辅助详细教程)1、超多福利:超高返利,海量正版...
wepoke辅助挂!约局互娱辅... wepoke辅助挂!约局互娱辅助(透视)都是有挂(详细辅助AA德州教程)1、超多福利:超高返利,海量...
德扑数据软件!fishpoke... 德扑数据软件!fishpoker软件辅助(透视)一贯真的是有挂(详细辅助安装教程);德扑数据软件!f...
德州免费辅助神器app!德扑a... 德州免费辅助神器app!德扑ai机器人哪里有卖(透视)原来是有挂(详细辅助透明挂教程)1、金币登录送...
德州AI智能辅助机器人!wep... 1、德州AI智能辅助机器人!wepoke怎么使用模拟器(透视)固有存在有挂(详细辅助科技教程);代表...
德州之星有辅助挂!wpk德州有... 德州之星有辅助挂!wpk德州有挂吗(透视)先前有挂(详细辅助分享教程)是一款可以让一直输的玩家,快速...
aapoker透视辅助!云扑克... aapoker透视辅助!云扑克软件(透视)切实存在有挂(详细辅助规律教程);致您一封信;亲爱aapo...