如何在停靠我的angular应用时保持实时重新加载

import { NgModule, ApplicationRef } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { createNewHosts, removeNgStyles } from '@angularclass/hmr';

@NgModule({
  imports: [BrowserModule],
  // ...
})
export class AppModule {
  constructor(public appRef: ApplicationRef) {}

  hmrOnInit(store: any) {
    if (!store || !store.state) return;
    // 恢复存储状态
    if ('restoreInputValues' in store) {
      store.restoreInputValues();
    }
    // 从存储中获取组件状态
    this.appRef.tick();
    Object.keys(store).forEach((prop) => {
      if (prop !== 'state') {
        delete store[prop];
      }
    });
  }

  hmrOnDestroy(store: any) {
    // 保存组件状态到存储
    const cmpLocation = this.appRef.components.map((cmp) => cmp.location.nativeElement);
    store.disposeOldHosts = createNewHosts(cmpLocation);
    // 清除样式
    removeNgStyles();
  }

  hmrAfterDestroy(store: any) {
    // 重新启动应用程序
    store.disposeOldHosts();
    delete store.disposeOldHosts;
  }
}

import { Component } from '@angular/core';
import { Hmr } from '@angularclass/hmr';

@Component({
  selector: 'app-root',
  template: '<h1>Hello, Angular!</h1>'
})
@Hmr({
  // 在模块更新时执行的操作
  exec: () => {
    // 执行一些需要在模块更新时重新加载的操作
    console.log('Module updated!');
  }
})
export class AppComponent {}