我想用圖標顯示沒有標籤的按鈕。 ,我這個PrimeNg-Button:如果沒有提供標籤,按鈕不會顯示fa圖標
<button type="text" pButton icon="fa-angle-left"></button>
努力,但它沒有顯示FA圖標,顯示空白按鈕。 如果我嘗試給標籤,那麼它會顯示圖標以及標籤。
不知道我是否做錯了什麼。
我想用圖標顯示沒有標籤的按鈕。 ,我這個PrimeNg-Button:如果沒有提供標籤,按鈕不會顯示fa圖標
<button type="text" pButton icon="fa-angle-left"></button>
努力,但它沒有顯示FA圖標,顯示空白按鈕。 如果我嘗試給標籤,那麼它會顯示圖標以及標籤。
不知道我是否做錯了什麼。
我剛剛試過2.0.Final primeng,它完全正常工作。
<button pButton type="text" icon="fa-close"></button>
我已經解決了這個問題,實際上 這是因爲jQuery UI CSS的。它覆蓋了僅限於按鈕圖標的類。 因此,現在我已經刪除jquery-ui.css文件,現在按鈕顯示圖標。 感謝
在我來說,我只是從PrimeNG瞧加入ButtonModule,它的作品!
import {ButtonModule} from 'primeng/primeng';
首先:確保到ButtonModule導入到你的組件模塊(或剛剛的AppModule)像:
import { ButtonModule } from 'primeng';
二:添加ButtonModule到這樣的進口陣列例如:
@NgModule({
imports: [ BrowserModule, FormsModule, ButtonModule ],
declarations: [ AppComponent ],
bootstrap: [ AppComponent ]
})
最後:使用此代碼創建所需的按鈕:
<button pButton type="button" (click)="count()" icon="fa-angle-left"></button>
嘗試所有在這裏: https://embed.plnkr.co/GEpcJG/
注:我假設你沒有其他問題primeng一般。
我已通過使用此命令「npm install primeng」重新安裝來更新我的primeng,但仍然沒有運氣。 –
npm install primeng @ latest --save and try sass -w resources --sourcemap = none –
什麼是「sass -w resources --sourcemap = none」?我不知道這件事。你能解釋我在哪裏做? –