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

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

相关内容

热门资讯

最新通报!手机微乐小程序游戏破... 最新通报!手机微乐小程序游戏破解器!本来真的是有辅助app(有挂工具)1、该软件可以轻松地帮助玩家将...
热点推荐!土豪联盟怎么开辅助!... 热点推荐!土豪联盟怎么开辅助!一直真的是有辅助器(有挂秘籍)1、许多玩家不知道土豪联盟怎么开辅助辅助...
科技揭秘!福建相约13水外!果... 科技揭秘!福建相约13水外!果然存在有辅助攻略(确实有挂)1、福建相约13水外公共底牌简单,福建相约...
事发当天!堆堆乐辅助软件!果然... 事发当天!堆堆乐辅助软件!果然真的是有辅助插件(有挂规律)该软件可以轻松地帮助玩家将堆堆乐辅助软件外...
记者爆料!上品辅助器!好像是有... 记者爆料!上品辅助器!好像是有辅助app(确实有挂)1、任何上品辅助器透视是真的假的的玩家都可以机会...
重大科普!微乐江西小程序辅助器... 重大科普!微乐江西小程序辅助器!切实存在有辅助app(有挂攻略)1、实时微乐江西小程序辅助器透视辅助...
重大通报!吉祥填大坑小程序脚本... 重大通报!吉祥填大坑小程序脚本!都是存在有辅助挂(的确有挂)1、吉祥填大坑小程序脚本破解器简单,吉祥...
普及知识!福建天庭啊开心辅助软... 普及知识!福建天庭啊开心辅助软件!一直真的是有辅助app(讲解有挂)进入游戏-大厅左侧-新手福利-激...
科普分享!雀友会鱼虾蟹下载官网... 科普分享!雀友会鱼虾蟹下载官网辅助器!一直确实有辅助软件(有挂细节)1、任何雀友会鱼虾蟹下载官网辅助...
关于!福州十八扑外卦!总是存在... 关于!福州十八扑外卦!总是存在有辅助神器(竟然有挂)该软件可以轻松地帮助玩家将福州十八扑外卦外卦神器...