Bootstrap-select，angularjs下拉列表不起作用

Question

我有这个问题，希望得到一些关于如何解决它的建议。

我已经将部分html页面移动到局部视图中，并通过ng-view加载它。现在的问题是，下拉选择不再起作用，我设法恢复了样式，但当我单击它时，它无法打开。当它不在局部视图中时，我甚至不需要进行javascript调用，这似乎是现在所需要的。

这是我的代码

index.html
 <link href="resources/css/bootstrap.min.css" rel="stylesheet">
    <link href="resources/css/bootstrap-select.css" rel="stylesheet">
    <!-- Bootstrap Core CSS -->

    <script src="resources/js/jquery-2.1.1.min.js"></script>
    <script src="resources/js/jquery-1.11.0.js"></script>

    <script src="resources/js/bootstrap-select.js"></script>

    <script src="resources/library/angular.js"></script>
    <script src="resources/library/angular-route.js"></script>
    <script src="resources/js/MainController.js"></script>
    <script src="resources/js/main-app.js"></script>

    partialview.html
    -------------------
     <select class="selectpicker" multiple ng-model="selE">
                    <option ng-repeat="e in ee">{{e}}</option>
                </select>

    <script>
    $(document).ready(function () {

        $('select').selectpicker({
            style: 'btn-default',
            size: false
        });

    });

</script>   

提前谢谢你。

Answer 1

对于相关的问题，我有了另一个解决方案。

我所做的是首先使用angularjs从后端加载我的数据，在.success中，在我验证之后，我编写了以下代码：

angular.element(document).ready(function () { 
  $('select').selectpicker("destroy"); 
  $('select').selectpicker("render"); 
});

我试着在没有angular.element(document).ready(function (){})的情况下做这件事，但是什么也没发生。我认为插件的方法只能在该函数内部工作。