前言

网上关于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";

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

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐