2014-11-05 2 views
4

Я использую угловую директиву ui-select и пытаюсь отключить ее с опцией ng-disabled.ng-disabled опция в угловом ui-select сжимает текстовое поле

<ui-select multiple ng-model="address.selected" 
      theme="bootstrap" 
      ng-disabled="true" 
      reset-search-input="true" 
      style="width: 300px;"> 

Вот plunker http://plnkr.co/edit/julETCG4zCGAxFJ0PSBF?p=preview

Размер текстового поля уменьшается с нг-инвалидов = "истина".

+0

У вашего plunkr есть ошибки в консоли, которые предотвращают его запуск. – Blazemonger

ответ

4

Обновление theme от bootstrap до select2, как показано ниже:

<ui-select multiple ng-model="address.selected" 
     theme="select2" 
     ng-disabled="true" 
     reset-search-input="true" 
     style="width: 300px;"> 

Если вы хотите bootstrap тему, то добавьте в моду вместо:

.ui-select-multiple.ui-select-bootstrap { 
    min-height: 34px;   
    height: auto; 
    padding: .3em; 
} 

, как показано here.

+0

он работает для темы select2, но я хочу тему bootstarp. – swe

+1

См. Мой обновленный ответ. @swe – dmahapatro

+0

Спасибо! Это сработало – swe

Смежные вопросы