用户登录

访问应用首页的时候,并不需要 UserModule 模块提供的功能,我们可以延迟加载这个模块,就是按需加载模块。英文是 Lazy loading。 用户只有在访问 Users 这个链接的时候才会加载需要的 UserModule 模块。

回到项目,打开 User 模块的路由模块,UserRoutingModule,去掉这条路由里的 users,只留下一个空白。

然后打开应用的根路由模块,AppRoutingModule ,在这里可以添加一条新的路由,路由的 path 设置成 users,然后用一个 loadChildren 属性,它的值是个方法,方法做的事可以用一下 import ,导入要加载的模块,模块的位置是当前目录下的 user 里面的 user.module,导入会返回 promise,所以接着用一个 then ,结果是 module ,返回 module 里的 UserModule 。

打开 AppModule 模块,这里要去掉导入进来的 UserModule 模块,因为现在这个模块需要按需加载它。

预览

回到浏览器可以试一下,打开浏览器开发者工具里的 Network 这个选项卡, 过滤出 JS,现在应用还没有加载 UserModule 模块的代码。

访问一下 Users 链接,这时候应用才会加载 UserModule 模块的代码。

按需加载模块(Lazy Loading)《 Angular:模块 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点