angular - Angular 中 LoadChildren Route 中的箭头函数与字符串路径

Question

在下面的代码中，除了第一个例子中我们需要导入productsModule到文件之外，这两种懒加载路由的方式有什么区别？

{ path: 'products', loadchildren: () => productsModule }

对比

{ path: 'products', loadchildren: 'app/products/products.module#ProductsModule' }

标签： angularrouteslazy-loadingangular-module

Answer 1

{ path: 'products', loadchildren: 'app/products/products.module#ProductsModule' }

对于 Angular 8 的延迟加载模块，它是一种已弃用的方式。

loadChildren 路由配置应从字符串更改，例如

{ path: 'products', loadchildren: () => productsModule }

https://angular.io/guide/deprecations#loadchildren-string-syntax