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 {}

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

相关内容

热门资讯

透视开挂"wepok... 透视开挂"wepoker俱乐部辅助"原来存在有辅助器(哔哩哔哩)1、用户打开应用后不用登录就可以直接...
透视科普"hhpok... 透视科普"hhpoker辅助器视频"一贯是有辅助app(哔哩哔哩)1、进入游戏-大厅左侧-新手福利-...
透视揭幕"wepok... 透视揭幕"wepoker辅助透视"其实存在有辅助技巧(哔哩哔哩)wepoker辅助透视是不是有人用挂...
透视专业"xpoke... 透视专业"xpoker透视辅助"确实是真的辅助工具(哔哩哔哩)1、起透看视 xpoker透视辅助辅助...
透视必备"wejok... 透视必备"wejoker辅助机器人"本来是真的辅助攻略(哔哩哔哩)一、wejoker辅助机器人可以开...
透视详细"wepok... 透视详细"wepoker怎么提高运气"确实是真的辅助方法(哔哩哔哩)1、完成wepoker怎么提高运...
透视解迷"德普之星a... 透视解迷"德普之星app安卓版破解版"本来真的有辅助攻略(哔哩哔哩)1)德普之星app安卓版破解版辅...
透视透视"hhpok... 透视透视"hhpoker有没有作必弊挂"确实存在有辅助教程(哔哩哔哩)1、让任何用户在无需hhpok...
透视解密"hhpok... 透视解密"hhpoker软件可以玩吗"好像存在有辅助挂(哔哩哔哩);1、hhpoker软件可以玩吗辅...
透视有挂"wepok... 透视有挂"wepoker有用吗"其实有辅助攻略(哔哩哔哩)1、下载好wepoker有用吗脚本下载之后...