Angular使用Antd没有样式,八成是忘了引入样式

按着官网快速初始化个项目

1.安装最新的angular脚手架(antd支持angular5.0以上的版本,所以最好把你的脚手架更新)

  npm install -g @angular/cli@latest

2.新建项目

   ng new my-app

3.下载antd

   npm install ng-zorro-antd --save

4.引入以下两个模块(BrowserModule和ngModule等就不在下面写了,这里只写新添的模块)

   import {BrowserAnimationsModule } from '@angular/platform-browser/animations';

   import { NgZorroAntdModule } from 'ng-zorro-antd';

5.注入以上两个模块

imports: [ BrowserAnimationsModule, NgZorroAntdModule]

6.最重要的一步

在src目录下style.css文件里引入

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

 

你可能感兴趣的:(Angular使用Antd没有样式,八成是忘了引入样式)