2017-02-14 27 views
0

Я использую picklist в своем приложении, но кажется, что иконки кнопок, предназначенные для перемещения элемента данных из источника в цель, не отображаются на моей странице значки стрелки. он просто показывает пустые кнопки. если вы выберете элемент и нажмете на любую кнопку, он будет работать как ожидалось, но значки не будут отображаться.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 использует шрифт-удивительным для иконок.