关于前端:angular引入ngzorro的问题

ng-zorro
的官网上提供了两种在我的项目中增加 ng-zorro 的办法，上面记录其提供的第二种自行构建的形式。

第一步：执行该命令创立新的 angular 我的项目，若没装置 angular/cli 请执行装置

ng new new-project

第二步：增加 ng-zorro

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 就可失常应用了。