Angular2|Angular2 惰性加载的特性模块
创建一个带路由的特性模块 摘自angular中文官方教程附angular 中文官网 https://www.angular.cn/
接下来,你需要一个要路由到的特性模块。要生成一个,请输入下列命令,其中的 customers
是该模块的名字:
ng generate module customers --routing
这会创建一个
customers
目录,其中有两个文件:CustomersModule
和 CustomersRoutingModule
。 CustomersModule
扮演的是与客户紧密相关的所有事物的管理员。CustomersRoutingModule
则会处理任何与客户有关的路由。 这样就可以在应用不断成长时保持应用的良好结构,并且当复用本模块时,你可以轻松的让其路由保持完好。CLI 会把
CustomersRoutingModule
自动导入到 CustomersModule
。它会在文件的顶部添加一条 JavaScript 的 import
语句,并把 CustomersRoutingModule
添加到 @NgModule
的 imports
数组中。向特性模块中添加组件 要想在浏览器中看出该模块惰性加载成功了,就创建一个组件用来在应用加载
CustomersModule
之后渲染出一些 HTML。在命令行中输入如下命令:ng generate component customers/customer-list
这会在
customers
目录中创建一个名叫 customer-list
的文件夹,其中包含该组件的四个文件。就像路由模块一样,CLI 也自动把
CustomerListComponent
导入了 CustomersModule
。再添加一个特性模块 为了提供另一个可路由到的地点,再创建第二个带路由的特性模块:
ng generate module orders --routing
这会创建一个名叫
orders
的新文件夹,其中包含 OrdersModule
和 OrdersRoutingModule
。【Angular2|Angular2 惰性加载的特性模块】现在,像
CustomersModule
一样,给它添加一些内容:ng generate component orders/order-list
推荐阅读
- 使用composer自动加载类文件
- angular2内置管道
- 众泰T500智能互联双加载,让汽车生活更有趣
- ImageLoaders 加载图像
- 类的加载过程
- 使用交叉点观察器延迟加载图像以提高性能
- 03_ARMv8指令集介绍加载与存储指令
- Glide|Glide 加载https的图片
- 反射
- Sping中bean的延迟加载