Angular惰性加载的特性模块

一:Angular-CLI建立应用

cmd命令:ng new lazy-app --routing    (创建一个名叫 lazy-app 的应用,而 --routing 标识生成了一个名叫 app-routing.module.ts 的文件)

                 cd lazy-app     (进入lazy-app项目)   

二:创建一个带路由的特性模块

cmd命令:ng generate module customers --routing    (创建一个 customers 目录,其中有两个文件:CustomersModule 和 CustomersRoutingModule)

      备注:如果出现  Error: Cannot find module '@angular-devkit/core',那就 npm install @angular-devkit/core

    :向特性模块添加组件

cmd命令:ng generate component customers/customer-list    (在 customers 目录中创建一个名叫 customer-list 的文件夹,其中包含该组件的四个文件)

    :再添加一个特性模块

cmd命令:ng generate module orders --routing

                 ng generate component orders/order-list

三:建立UI

猜你喜欢

转载自www.cnblogs.com/zxg-6/p/9626780.html