Question

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

的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>

app.js：

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

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

我认为我做得很好，但它只是拒绝初始化select2。

这是我得到的错误：

Object [[object HTMLSelectElement]]没有方法'is'

以下是错误的屏幕截图：

enter image description here

我在这里做错了什么？

Answer 1

你需要在AngularJS之前加载jQuery，然后在Angular-ui之前加载select2.js

以下订单可以正常使用

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

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

检查另一个答案：Angular UI Select2 in the Bootstrap Navigation Bar

angularUI ui-select2指令不起作用

1 个答案: