2017-02-14 43 views
0

我在我的應用程序中使用了選擇列表,但它似乎是用於將數據項從源移動到目標的按鈕圖標,箭頭圖標未顯示在我的頁面中。它只顯示空白按鈕。如果您選擇項目並單擊任何按鈕,它將按預期工作,但圖標不會顯示。Primeng:PickList不顯示按鈕圖標

<p-pickList [source]="availableColumns" [target]="usedColumns" sourceHeader="Available" targetHeader="Used" [responsive]="true" [sourceStyle]="{'height':'300px'}" [targetStyle]="{'height':'300px'}"> 
          <template let-col pTemplate="item"> 
           <div class="ui-helper-clearfix">         
            <div style="font-size:14px;margin:5px 5px 0 0">{{col.header}}</div> 
           </div> 
          </template> 
         </p-pickList> 

我在控制檯上沒有收到任何錯誤。

here is my screenshot

+0

請添加您的代碼和您收到的錯誤消息。 – candidJ

+0

編輯,請參閱上文,我沒有在我的控制檯中得到任何錯誤。 –

+1

你好,我解決了這個問題,它重寫了jquery-ui.css的ui-button-icon-only類。現在我已經刪除了jqueryui css,現在工作正常 –

回答

1

你添加字體真棒你的項目,因爲primeng使用字體真棒圖標的。