官方文档 NG-ZORRO

创建ng-zorro项目

搭建脚手架

npm install -g @angular/cli

创建项目

ng new PROJECT-NAME

初始化ng-zorro

ng add ng-zorro-antd

启动

ng serve --open

问题记录

配置登录表单

ng g ng-zorro-antd:form-normal-login <name>

在通过命令创建的html模板页面中，需要在app.module.ts引入以下依赖否则报错

import { ReactiveFormsModule } from '@angular/forms';
import { NzButtonModule } from 'ng-zorro-antd/button';
import { NzFormModule } from 'ng-zorro-antd/form'; 
import { NzInputModule } from 'ng-zorro-antd/input';

引入ReactiveFormsModule对应formGroup，其余引入依赖对应各自ng-zorro的组件标签