在浏览器中加载组件ondemand / lazy loading

时间:2018-03-07 05:22:24

标签: angular asp.net-mvc-4 angular2-routing angular4-router

我正在寻找的是仅当用户导航到特定链接时才在浏览器中加载组件 我在我的项目中有4个模块是懒惰的 说1.Module A 2.Module B 3.Module C 4.Module D(每个模块有5-6个组件)。
好像我们在NgModule声明部分中定义了所有组件,因此如果用户导航到模块B,模块B的所有6个组件也会加载。
如果我没有错,如果我的模块有超过20个组件,则可能会产生性能问题,因为浏览器需要在加载模块时一次性下载所有20个组件。
所以我正在寻找的是使用is bootstrap组件加载模块B,但仅当用户导航到特定链接时才加载/下载浏览器中的其余组件。
我正在使用Angular 4和MVC 5

1 个答案:

答案 0 :(得分:0)

您可以使用Angular docs中提到的动态组件加载程序轻松完成此操作。您也可以查看实时示例here