Angular 可以决定为前端带来哪个模块，还是始终使用所有模块遍历整个应用程序？

Posted 2023-02-23

【中文标题】Angular 可以决定为前端带来哪个模块，还是始终使用所有模块遍历整个应用程序？

【英文标题】：can angular decide which module to bring for the frontend or always travel the complete application with all the modules?

【发布时间】：2017-07-23 20:25:07

【问题描述】：

angular 2 能否决定为前端带来哪个模块，还是始终使用所有模块遍历整个应用程序？

【问题讨论】：

您可以在有或没有路由器的情况下使用延迟加载angular.io/docs/ts/latest/guide/ngmodule.html#!#lazy-load

示例： path: 'crisis', loadChildren: 'app/crisis/crisis.module#CrisisModule' , loadChildren 前往后端并带上新模块？

没错。当模块之前没有加载时，这会导致调用服务器来加载模块。

谢谢你我会测试它

【参考方案1】：

你需要使用延迟加载的路由/模块。

文档：

https://angular.io/docs/ts/latest/guide/ngmodule.html#!#lazy-loading-modules-with-the-router

对于惰性路由，该路由中的组件仅在该路由加载时才被加载。但是，如果一个组件在多个路由中使用，那么它应该被加载到一个应该预先加载的共享模块中。

对于延迟加载的路由模块，请留意浏览器中的 NET 选项卡。延迟加载的路由模块中的组件应该只在您第一次访问路由时加载，您会看到在 NET 选项卡中动态地发出对组件的请求。

这里是一个轻量级的 GitHub 项目，专注于演示延迟加载。

https://github.com/danday74/angular2-router-modular

此项目基于 Angular2 快速入门项目。唯一更改的文件是 app 文件夹中的文件。

特别注意

https://github.com/danday74/angular2-router-modular/blob/master/app/app-routing.module.ts

请随意git clone 它，然后npm install 然后npm start 看看它的实际效果并玩一玩。