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

Question

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

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

对比

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

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