升级Angular 9 之后,整个世界都不是那么美丽了,拿我必用的Antd来说,用法多了好多步,恶心,想吐。
怀念曾经傻瓜式的操作。
1.安装
ng add ng-zorro-antd
2.引入style
安装好后,居然还要在angular.json中手动引入style,差评
"styles": [
"node_modules/ng-zorro-antd/ng-zorro-antd.min.css",
"src/theme.less",
"src/styles.scss"
],
3.styles.scss中引入
这里居然还要引用,差评,差评
@import "~ng-zorro-antd/ng-zorro-antd.min.css";
@import "~ng-zorro-antd/style/index.min.css"; /* 引入基本样式 */
@import "~ng-zorro-antd/button/style/index.min.css"; /* 引入组件样式 */
4.app.module.ts中引入
你以为就可以直接用了,并不是,还要引入。比如,你想用antd 的 button,你就要引入
import { NzButtonModule } from 'ng-zorro-antd/button';
如果带图标icon,你还要引入
import { NzIconModule } from 'ng-zorro-antd/icon';
imports: [
BrowserModule,
AppRoutingModule,
FormsModule,
HttpClientModule,
BrowserAnimationsModule,
NzButtonModule,
NzIconModule
],
另外,echarts不能用了,差评,想着要不要转到vue上,差评差评差评