javascript - select2 容器小于下拉菜单

Question

我已经在我的应用程序中实现了 angular-ui select2，它工作正常，但是选择框容器（在搜索上方）的呈现小于下拉面板。

这就是我的意思：

HMTL：

<select 
    ui-select2="{placeholder:'Select a User', dropdownAutoWidth: true}"
    class="animated slideInDown" 
    id="entityDropDown" 
    ng-model="selectedUser" 
    ng-options="user as user.name for user in users" 
    ng-change="getUserInfo(selectedUser)"> <option>Place Holder</option>
</select>

Answer 1

添加到您的ctor参数width：

<select
  ui-select2="{placeholder:'Select a User', dropdownAutoWidth: true, width: '100%'} >
</select>

应该管用。