在angular中使用ng-zorro-antd组件
前言网上关于angular引用ng-zorro-antd的文章太少了,而且还是7版本的angular,安装的过程踩了不少的坑,特此记录1、安装ng-zorro-antdangular的初始化我就不赘述了,安装ng-zorro-antd的有一个重要的点就是一定要注意版本号!!!我的angular是7版本的,所以如果安装高版本的ng-zorro-antd会出问题,可以在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";
如果你想在其他自定义模块中引用,那么按照上面再次导入即可
更多推荐
已为社区贡献2条内容
所有评论(0)