在浏览器中按需加载组件/延迟加载

Question

我正在寻找的是加载浏览器中的组件，只有当用户导航到特定的链接。

我的项目中有4个模块，它们都是延迟加载的。

假设1.模块A 2.模块B 3.模块C 4.模块D(每个模块有5-6个组件)。

就好像我们在NgModule声明部分定义了所有组件一样，所以如果用户导航到模块B，模块B的所有6个组件也会被加载。

如果我没有错，如果我的模块有超过20个组件，这可能会造成性能问题，因为当加载模块时，浏览器需要一次下载所有20个组件。

因此，我正在寻找的是加载模块B的是引导组件，但加载/下载的其余组件在浏览器中只有当用户导航到特定的链接。

我正在使用Angular 4和MVC 5

Answer 1

使用Angular docs中提到的动态组件加载器可以很容易地做到这一点。此外，您还可以查看实时示例here。