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

UI-sortable зависит от jQuery UI. Это не похоже, что вы включили jQuery UI JavaScript файл. Обратите внимание, что вы можете либо включить всю библиотеку пользовательского интерфейса jQuery, либо создать пользовательскую сборку только с помощью отсортированного модуля.