角度ui-select中的ng-disabled選項縮小文本框

Question

我正在使用angular ui-select指令，並嘗試使用禁用ng選項禁用它。

<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

文本框的大小與NG-禁用= 「真正的」 收縮。

Answer 1

更新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。