angularUI ui-select2指令不起作用

Meg*_*Hit 7 javascript jquery angularjs jquery-select2 angular-ui

我一直在用头撞墙,所以我把它减少到最低限度:

index.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>
Run Code Online (Sandbox Code Playgroud)

app.js:

angular
    .module('myApp', ['ui'])
    .controller('main', function (){});
Run Code Online (Sandbox Code Playgroud)

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

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

这是我得到的错误:

对象[[object HTMLSelectElement]]没有方法'是'

这是错误的屏幕截图:

在此输入图像描述

我在这做错了什么?

jai*_*ime 11

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

以下顺序正常

<script src="jquery.min.js"></script>          
<script src="select2.js"></script>
<script src="angular.js"></script>  
<script src="angular-ui.js"></script>
Run Code Online (Sandbox Code Playgroud)

检查plunker:http://plnkr.co/edit/sAGfzmNdykEnqlH40gNf?p = preview


检查另一个答案:Bootstrap导航栏中的Angular UI Select2