Angular路由组件不会被更新、销毁和重新加载。
创始人
2024-10-28 06:00:59
0

在Angular中,路由组件默认情况下不会被更新、销毁和重新加载,因为Angular默认会复用已加载的组件。这是为了提高应用程序的性能。

如果你需要在每次路由导航时重新加载组件,可以使用RouteReuseStrategy来自定义路由重用策略。以下是一个包含代码示例的解决方法:

首先,创建一个自定义的路由重用策略类,该类实现RouteReuseStrategy接口:

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

export class CustomRouteReuseStrategy implements RouteReuseStrategy {
  shouldDetach(route: ActivatedRouteSnapshot): boolean {
    return false;
  }

  store(route: ActivatedRouteSnapshot, handle: DetachedRouteHandle | null): void {}

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

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

  shouldReuseRoute(future: ActivatedRouteSnapshot, curr: ActivatedRouteSnapshot): boolean {
    return false;
  }
}

然后,在你的AppModule中,将providers数组中的默认RouteReuseStrategy替换为自定义的路由重用策略类:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';
import { CustomRouteReuseStrategy } from './custom-route-reuse-strategy';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule],
  providers: [
    { provide: RouteReuseStrategy, useClass: CustomRouteReuseStrategy }
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

现在,你的路由组件将在每次导航时重新加载,而不是被复用。

相关内容

热门资讯

事发当天!天天互娱软件,四川熊... 事发当天!天天互娱软件,四川熊猫辅助软件,窍要教程(果然是有挂)-哔哩哔哩亲,关键说明,四川熊猫辅助...
迎来新发展!点星休闲辅助器下载... 迎来新发展!点星休闲辅助器下载,新祥心有挂吗,机巧教程(其实是有挂)-哔哩哔哩1、首先打开点星休闲辅...
目前!如何在哈灵上辅助,来趣广... 目前!如何在哈灵上辅助,来趣广西辅助,举措教程(一直真的有挂的)-哔哩哔哩如何在哈灵上辅助辅助器中分...
最新消息!欢乐互娱辅助器,威信... 最新消息!欢乐互娱辅助器,威信茶馆app插件,秘籍教程(果然是真的有挂)-哔哩哔哩1、许多玩家不知道...
截至发稿!西兵互娱辅助,腾威互... 截至发稿!西兵互娱辅助,腾威互娱辅助工具,教材教程(果然是真的有挂)-哔哩哔哩1)腾威互娱辅助工具辅...
现场直击!樱花之盛能不能开挂,... 现场直击!樱花之盛能不能开挂,兴动休闲辅助,技法教程(其实确实有挂的)-哔哩哔哩1、樱花之盛能不能开...
据目击者称!创思维激k看底牌辅... 据目击者称!创思维激k看底牌辅助,四川熊猫辅助软件,项目教程(其实确实有挂的)-哔哩哔哩1、许多玩家...
事发当天!哈灵脚本ios,川娱... 事发当天!哈灵脚本ios,川娱竞技血战辅助,技法教程(果然确实有挂)-哔哩哔哩1、川娱竞技血战辅助系...
于此同时!闲逸免费app辅助,... 于此同时!闲逸免费app辅助,八闽掌上辅助软件,办法教程(其实是真的有挂)-哔哩哔哩一、八闽掌上辅助...
事发当天!蜀山四川小程序脚本,... 事发当天!蜀山四川小程序脚本,蜀山四川辅助,步骤教程(一直确实是有挂)-哔哩哔哩蜀山四川小程序脚本软...