如何思考 Angular 中的延迟加载

嗨，我认为更好的方法是在后台预加载模块，例如： 创建选择性策略：

  import { Injectable } from '@angular/core';
import { PreloadingStrategy,Route } from '@angular/router';
import { loadavg } from 'os';
import { Observable,of } from 'rxjs';

@Injectable({
  providedIn: 'root',})
export class SelectiveStrategyService implements PreloadingStrategy {
  constructor() {}
  preload(route: Route,load: () => Observable<any>): Observable<any> {
    if (route.data && route.data['preload']) {
      return load();
    }
    return of(null);
  }
}

然后只加载需要的模块：

import { NgModule } from '@angular/core';
import {
  Routes,RouterModule,PreloadAllModules,PreloadingStrategy,} from '@angular/router';
import { SelectiveStrategyService } from './selective-strategy.service';

const routes: Routes = [
  {
    path: 'administration',loadChildren: () =>
      import('./administration/shell/shell.module').then((m) => m.ShellModule),// pass preload to true on the needed module
    data: { preload: true },},{
    path: 'clients',loadChildren: () =>
      import('./client/client.module').then((m) => m.ClientlModule),{ path: '**',redirectTo: '/administration',pathMatch: 'full' },];

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