4

angular ui-select ディレクティブを使用しており、ng-disabled オプションで無効にしようとしています。

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

ここにプランカーがありますhttp://plnkr.co/edit/julETCG4zCGAxFJ0PSBF?p=preview

ng-disabled="true" でテキストボックスのサイズが縮小します。

4

1 に答える 1

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;
}

ここに示すように。

于 2014-11-05T21:34:00.137 に答える