AngularJS和UI可排序-无方法'；可排序'；错误_Angularjs_Angular Ui

AngularJS和UI可排序-无方法'；可排序'；错误

angularjs

AngularJS和UI可排序-无方法'；可排序'；错误,angularjs,angular-ui,Angularjs,Angular Ui,我正在使用Angular JS和Angular UI（通过gem:Angular UI rails），而今天，我一直在使用模块依赖性。如果有人有主意我想在我的应用程序上添加如下示例所示的可排序模块（）问题是我已经在上面加载了UI引导模块，所以我尝试这样做：在app.js上： angular.module('ui', ['ui.bootstrap','ui.sortable']); 关于controllers.js function dndCtrl($scope) { $

我正在使用Angular JS和Angular UI（通过gem:Angular UI rails），而今天，我一直在使用模块依赖性。如果有人有主意

我想在我的应用程序上添加如下示例所示的可排序模块（）

问题是我已经在上面加载了UI引导模块，所以我尝试这样做：

在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引导js文件之前加载的（在./tree中）

最后：我的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可排序取决于。看起来您没有包含jQueryUIJavaScript文件。请注意，您可以包含整个jQuery UI库，也可以仅使用可排序模块创建自定义构建。

我使用jQuery UI rails gem（版本4.0.2）ok。我错了！我忘了在application.js中声明

/=require jquery.ui.all

！它工作得很好！非常感谢您的关注：）谢谢，解决了我的问题。这是plunkr中的可排序演示

 TypeError: Object [object Object] has no method 'sortable'