use*_*964 10 angularjs angular-ui
我正在使用Angular JS和Angular UI(通过gem:angular-ui-rails),今天我遇到了模块依赖.如果有人有想法!
我想在我的应用程序中添加可排序模块(https://github.com/angular-ui/ui-sortable),如下例所示:
问题是我已经加载了UI-bootstrap模块,所以我尝试这样做:
在app.js上:
angular.module('ui', ['ui.bootstrap','ui.sortable']);
在controllers.js上
function dndCtrl($scope) {
$scope.list = ["one", "two", "three", "four", "five", "six"];
}
应用程序中加载的sortable.js 文件.js的顺序是:
//= require jquery
//= require jquery_ujs
//= require underscore
//= require angular.min
//= require ./angular/controllers/app.js
//= require_tree ./angular
//= require_tree .
所以sortable.js文件在app.js之后和ui-bootstrap js文件之前加载(在./angular树中)
最后:我的html文件带有一个带有角度的简单列表循环:
<html ....... ng-app="ui">
.....
<div ng-controller="dndCtrl">
<ul ui-sortable ng-model="list">
<li ng-repeat="item in list" class="item">{{item}}</li>
</ul>
<hr />
</div>
循环运行良好,UI引导程序(在我的情况下也是Typeahead)但不是可排序和控制台渲染a
TypeError: Object [object Object] has no method 'sortable'
我做错了什么或错过了什么？