簡體   English   中英

拖放列表,angularjs

[英]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']);    

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM