我们可以像这个模块一样延迟加载本地模块
{
path: 'somePpath',
loadChildren: 'app/path/some.module#SomeModule'
},
我们如何延迟加载来自驻留在node_modules中的外部库的模块?
要在路由器模块中加载外部模块,您可能需要使用包装器模块。在您拥有路由模块的同一本地项目中创建一个包装器模块。使用传统的导入语法在此包装器模块中导入外部模块。
import { SomeModule } from '@externalLib';
将此模块包含在导入中NgModule
的导入数组。
@NgModule({
imports: [SomeModule]
})
export class SomeWrapperModule {
}
然后像我们通常使用模块一样在路由器模块中使用这个包装器模块。
// for Angular 7 and below
{
path: 'some-path',
loadChildren: '../somewrapper.module#SomeWrapperModule'
}
// for Angular 8+
{
path: 'some-path',
loadChildren: () => import('../somewrapper.module').then(mod => mod.SomeWrapperModule)
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)