欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

關(guān)于angular引入ng-zorro的問題淺析

 更新時(shí)間：2020年09月09日 09:24:21   作者：FisherKai  
這篇文章主要給大家介紹了關(guān)于angular引入ng-zorro的問題，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

ng-zorro的官網(wǎng)上提供了兩種在項(xiàng)目中添加ng-zorro的方法，下面記錄其提供的第二種自行構(gòu)建的方式。

第一步：執(zhí)行該命令創(chuàng)建新的angular項(xiàng)目，若沒安裝angular/cli請(qǐng)執(zhí)行安裝

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,
/** 導(dǎo)入 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就可正常使用了。

總結(jié)

到此這篇關(guān)于關(guān)于angular引入ng-zorro的問題的文章就介紹到這了,更多相關(guān)angular引入ng-zorr問題內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論