如何解决从应用程序中其他地方的延迟加载模块导入组件是否会规避 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 举报,一经查实,本站将立刻删除。