在div class =“ modal-body”内部使用Bootstrap Select时没有可见的select元素

Question

我想在div class =“ modal-body”内部使用Bootstrap Select，并且在表单上完全没有显示select元素。当我尝试在类“ modal-body”的div之外使用相同的选择代码时，它会显示并运行良好。 这是div class =“ modal-body”的div的一部分。

<script type="text/ng-template" id="NewUser.html">
<div class="modal-header bg-primary" ng-init="$emit('init')">
    <h4 class="modal-title">New User</h4>
</div>
<div class="modal-body">
    <label for="UserGroupsssss">Select label...</label>
    <select class="selectpicker" id="UserGroupsssss" multiple>
        <option value="1">option 1</option>
        <option value="2">option 2</option>
        <option value="3">option 3</option>
    </select>

仅显示标签。 我使用angularjs和$ modal.open创建此模态窗口：

$scope.NewUserModalWindowAppear = function () {
            var modalNewUser = $modal.open({
                templateUrl: 'NewUser.html',
                controller: 'ModalInstanceCtrl'
            });
        };