如何将Angular设置为仅在保存时重新加载

// app-routing.module.ts

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from './home.component';
import { SaveGuard } from './save.guard';

const routes: Routes = [
  {
    path: 'home',
    component: HomeComponent,
    canDeactivate: [SaveGuard] // 应用保存守卫
  },
  // 其他路由配置...
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

// save.guard.ts

import { Injectable } from '@angular/core';
import { CanDeactivate } from '@angular/router';
import { HomeComponent } from './home.component';

@Injectable({
  providedIn: 'root'
})
export class SaveGuard implements CanDeactivate<HomeComponent> {
  canDeactivate(component: HomeComponent): boolean {
    // 在这里编写判断逻辑，判断是否需要重新加载页面
    // 如果需要重新加载页面，返回true；否则返回false
    return true;
  }
}