javascript – angularUI ui-select2指令不起作用

前端之家收集整理的这篇文章主要介绍了javascript – angularUI ui-select2指令不起作用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我一直用这个撞在墙上,所以我把它减少到最低限度:

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]] has no method ‘is’

这是错误的屏幕截图:

我在这做错了什么?

解决方法

你需要在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

原文链接:https://www.f2er.com/js/159346.html

猜你在找的JavaScript相关文章