Я использую Angular JS и Angular UI (через жемчужину: angular -ui-rails), и сегодня я застрял с зависимостями модулей. Если у кого-то есть идея!
Я хотел бы добавить отсортированный модуль (https://github.com/angular-ui/ui-sortable) в моем приложении, который выглядит следующим образом:
Дело в том, что у меня уже загружен модуль UI-bootstrap, поэтому я пытаюсь сделать это:
на app.js:
angular.module('ui', ['ui.bootstrap','ui.sortable']);
на контроллерах .js
function dndCtrl($scope) {
$scope.list = ["one", "two", "three", "four", "five", "six"];
}
a 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 и непосредственно перед файлом ji-bootstrap js (в./ angular)
Затем последний: мой html файл с простым циклом списка с Angular:
<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 в моем случае тоже), но не сортируется и консоль отображает
TypeError: Object [object Object] has no method 'sortable'
Что я сделал неправильно или пропустил?