[英]Drag and Drop list, angularjs
我需要一個帶有角度的拖放列表,但是我也需要更改$scope.list
因為我必須將新訂單存儲在數據庫中。
我找到了這個答案,並用它來獲得此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']);
問題是,當我嘗試從上到下更改元素時,一個位置不起作用。
例如,取“一個”並將其向下定位一個位置,以獲得“兩個”,“一個”,“三個”,“四個”,……第二個列表也應更改,但不會更改。
two
one
three
five
four
six
----------
one
two
three
five
four
six
兩個列表應該相等。
為了使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']);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.