7

我一直在用这个把头撞在墙上，所以我把它减少到最低限度：

索引.html：

<html lang="en" ng-app="myApp">
    <body ng-controller="main">

        <select ui-select2>
            <option>12451</option>
            <option>23435</option>
            <option>3456</option>
        </select>

        <!-- Scripts loaded here. See the plunker -->

    </body>
</html>

应用程序.js：

angular
    .module('myApp', ['ui'])
    .controller('main', function (){});

这是 Plunker 的链接：http ://plnkr.co/edit/kXnHPzBt7apRc7EivLp8?p=preview

我想我做得很好，但它只是拒绝初始化select2.

这是我得到的错误：

对象 [[object HTMLSelectElement]] 没有方法“是”

这是错误的屏幕截图：

在此处输入图像描述

我在这里做错了什么？

4

1 回答 1

11

您需要在 AngularJS 之前加载 jQuery，显然是select2.js在 Angular-ui 之前

以下顺序工作正常

<script src="jquery.min.js"></script>          
<script src="select2.js"></script>
<script src="angular.js"></script>  
<script src="angular-ui.js"></script>

检查插件： http ://plnkr.co/edit/sAGfzmNdykEnqlH40gNf?p=preview

检查这个其他答案：Angular UI Select2 in the Bootstrap Navigation Bar

于 2012-12-18T04:58:13.567 回答