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

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...