拖放列表,angularjs

时间:2014-05-26 20:48:38

标签: jquery angularjs list jquery-ui drag-and-drop

我需要一个带有角度的拖放列表,但我也需要$scope.list更改,因为我必须将新订单存储在我的数据库中。

我找到了this answer,我用它来获取http://jsfiddle.net/aras7/9sueU/1/

var myapp = angular.module('myapp', ['ui']);

myapp.controller('controller', function ($scope) {
    $scope.list = ["one", "two", "three", "four", "five", "six"];
});

angular.bootstrap(document, ['myapp']);

问题在于,当我尝试将元素从上到下更改时,一个可能不起作用。

例如,采取"一个"然后把它放在一个位置以获得"两个,"一个",#34;三个","四个",......第二个列表也应该改变但是它没有。

two
one
three
five
four
six
----------
one
two
three
five
four
six

这两个列表应该是等于。

1 个答案:

答案 0 :(得分:0)

要让ui-sortable无错误地工作,你需要添加sortable.js并使用ui.sortable启动模块

var myapp = angular.module('myapp', ['ui.sortable']);//add .sortable

myapp.controller('controller', function ($scope) {
    $scope.list = ["one", "two", "three", "four", "five", "six"];
});

angular.bootstrap(document, ['myapp']);    

http://jsfiddle.net/9sueU/3/