angular引入ng-zorro的問題

ng-zorro
的官網上提供了兩種在項目中添加ng-zorro的方法，下面記錄其提供的第二種自行構建的方式。

第一步：執行該命令建立新的angular項目，若沒安裝angular/cli請執行安裝

ng new new-project

第二步：添加ng-zorro （注：ng-zorro版本須要和angular版本一致）

npm install ng-zorro-antd --save

第三步：引入模塊
在app.module.ts文件中引入
import { NgZorroAntdModule } from 'ng-zorro-antd';

......
imports: [ 
BrowserModule,
FormsModule,
HttpClientModule,
BrowserAnimationsModule,
/** 導入 ng-zorro-antd 模塊 **/ 
NgZorroAntdModule
]
......

第四步：在 angular.json 文件中引入樣式

{ 
"assets": [
... 
], 
"styles": [ 
... 
"node_modules/ng-zorro-antd/ng-zorro-antd.min.css"
] }

第五步：在入口style.css或者style.less文件下引入組件樣式

@import "~ng-zorro-antd/style/index.min.css"; /* 引入基本樣式 */
@import "~ng-zorro-antd/button/style/index.min.css"; /* 引入組件樣式 */

或

@import "~ng-zorro-antd/style/entry.less"; /* 引入基本樣式 */
@import "~ng-zorro-antd/button/style/entry.less"; /* 引入組件樣式 */

而後在所須要的組件中使用ng-zorro就可正常使用了。