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。

现在，像 CustomersModule 一样，给它添加一些内容：

ng generate component orders/order-list