从应用程序中其他地方的延迟加载模块导入组件是否会规避 Angular 12 中此模块的延迟加载？

问题描述

我们有一些模块带有自己的导航栏。这些导航栏是实际组件，一旦激活相应的路由，它们就会在应用的全局 HeaderComponent 中激活。

为了传递导航组件，我们使用 data 中路线的 app-routing.module.ts 属性：

import { TestNavigationComponent } from './modules/test/components/test-navigation/test-navigation.component';

{
  path: 'test',loadChildren: () => import('./modules/test/test.module').then(m => m.TestModule),data: {
    nav: TestNavigationComponent
  },},

虽然这很好用，但我想知道：

这是否可以避免模块的延迟加载？模块是否已加载，因为导航组件已经导入到全局 app-routing.module.ts 中？

如果是，我如何将导航组件与模块捆绑在一起并将其传递给应用程序的标题？

导航在标题组件中呈现如下：

private updateNavigation(snapshot: ActivatedRouteSnapshot): void {
  const nav: Type<Component> = (snapshot.data as {nav: Type<Component>}).nav;

  if (nav instanceof Type) {
    if (nav === this.navigationType) {
      return;
    }

    this.clearNavigation();
    this.navigationType = nav;

    const factory: ComponentFactory<Component> = this.componentFactoryResolver.resolveComponentFactory(nav);
    this.navigationComponentRef = this.navigationRef.createComponent(factory);

    return;
  }

  for (let childSnapshot of snapshot.children) {
    this.updateNavigation(childSnapshot);
  }
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）