角度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。