Module模块
生成一个 user-manage 模块:
ng g ng-alain:module user-manage
会在 routes
下生成一个 user-manage 文件夹,并且在这个文件夹中生成两个文件: user-manage.module.ts
、user-manage-routing.module.ts
.
模块内容包括了导入 SharedModule 以及一些统一性导入与导出的方式.
业务页
目前ng-alain包含的业务组件页包括:
empty
空白页list
列表页edit
编辑页- ```view``查看页
curd
列表、编辑、查看
在Module模块下生成业务页:
ng g ng-alain:[业务页] [name] -m=[模块名]
-m 是不许指定的
指定到某个业务页目录下
ng g ng-alain:[业务页] [name] -m=[模块名] -t=[业务页文件夹]
如果 list、edit、view、empty 四个指令所产生默认页并非所在业务期望,可以覆盖它们。
例如覆盖 list 命令默认模板,在根目录 _cli-tpl 下创建目录名 _list
对于 edit、view 默认是以模态框展示来生成,可以改用页面展示则:
ng g ng-alain:edit [page name] --modal=false
自定义页
除上述默认业务页以外,也可以自定义属于项目级别业务页,例如我们创建一个自己的编辑页模板,则只需要在项目的根目录创建以下目录结构:
└── _cli-tpl
│ └── edit // 模板名称
│ └── __path__ // (名称固定值)
│ └── __name@dasherize@if-flat__ // (名称固定值)
│ ├── __name@dasherize__.component.ts // 组件类文件(名称固定值)
│ ├── __name@dasherize__.component.html // 组件模板文件(名称固定值)
│ └── __name@dasherize__.component.spec.ts // 组件测试文件(名称固定值)
└── src
之后,只需要运行:ng g ng-alain:tpl [your template name] [name] -m=[module name]
详细用法可以查看官方文档