微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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.jb51.cc/js/159346.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐