Arrow function Vs String path in LoadChildren Route in Angular

Question

In the following code, beside the fact that in the first example, we need to import productsModule to the file, What is the difference between these two ways of loading a route lazily?

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

vs

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

Answer 1

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

Its a deprecated way for lazy loaded modules for Angular 8.

loadChildren route configs should be changed from a string such as

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

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