1.10 Angular 9 + Antd 9

image.png

升级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上，差评差评差评