在angular中使用ng-zorro-antd组件

前言

网上关于angular引用ng-zorro-antd的文章太少了，而且还是7版本的angular，安装的过程踩了不少的坑，特此记录

1、安装ng-zorro-antd

angular的初始化我就不赘述了，安装ng-zorro-antd的有一个重要的点就是一定要注意版本号！！！
我的angular是7版本的，所以如果安装高版本的ng-zorro-antd会出问题，可以在ng-zorro-antd官网查看版本的支持关系
安装语句

npm uninstall ng-zorro-antd （卸载）
npm install ng-zorro-antd@7.5.1 --save （安装）

2、使用组件

1.app.module.ts导入模块

import { NgZorroAntdModule } from 'ng-zorro-antd';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

imports: [
   BrowserModule,
   NgZorroAntdModule,
   BrowserAnimationsModule // 如果要引用下拉弹出等具有动画的组件
 ]

2、全局引用样式style.css

@import "~ng-zorro-antd/src/ng-zorro-antd.css";

如果你想在其他自定义模块中引用，那么按照上面再次导入即可