我一直用这个撞在墙上,所以我把它减少到最低限度:
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