AngularJS и UI сортируются - ошибка метода не сортируется

Я использую Angular JS и Angular UI (через жемчужину: angular -ui-rails), и сегодня я застрял с зависимостями модулей. Если у кого-то есть идея!

Я хотел бы добавить отсортированный модуль (https://github.com/angular-ui/ui-sortable) в моем приложении, который выглядит следующим образом:

http://jsfiddle.net/g/hKYWr/

Дело в том, что у меня уже загружен модуль 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'

Что я сделал неправильно или пропустил?

Ответ 1