angular ui-select中的ng-disabled选项会缩小文本框

Question

我正在使用angular ui-select指令并尝试使用ng-disabled选项禁用它。

<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-disabled =＆＃34; true＆＃34;。

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。