angularJS:将重新排序列表与数据结构同步
angularJS: sync re-ordering list with data structure
我是AngularJS的新手。
我正在尝试使用Angular ui可排序插件重新排序一个数组。我希望数据数组与html ul的顺序相同,但似乎无法成功。
var myapp = angular.module('myapp', ['ui']);
myapp.controller('controller', function ($scope) {
$scope.sortableOptions = {
start: function (e, ui) {
$scope.oldIndex = ui.item.index();
},
update: function (e, ui) {
var newIndex = $scope.newIndex = ui.item.index();
var oldIndex = $scope.oldIndex;
$scope.oldArray = $scope.list.join(';');
var item = $scope.list.splice(oldIndex, 1);
$scope.list.splice(newIndex, 0, item[0]);
$scope.itemMoved = item;
$scope.newArray = $scope.list.join(';');
}
}
$scope.list = ["one", "two", "three", "four", "five", "six"];
});
angular.bootstrap(document, ['myapp']);
有什么想法吗?
小提琴:http://jsfiddle.net/DxjXQ/2/
您应该等待Angular更新其范围(应用)
所以可能的解决方案只是设置在队列的末尾
$timeout(function(){
$scope.newArray = $scope.list.join(';');
}, 0);
http://jsfiddle.net/DxjXQ/5/
相关文章:
- JS库支持各种数据结构?(如爪哇的番石榴)
- JavaScript数据结构
- Node JS,传统的数据结构?(如Set等),任何类似Java.util的node
- 更正扁平数据模型和noSQL数据结构
- 用于筛选无模式集合的最快数据结构
- 将数据结构转换为二进制数据
- JavaScript 设置具有对数搜索时间的数据结构
- 更好的数据结构来处理这个数组
- Firebase 数据结构理念
- 基于其他数据结构更新 AngularJS 中的数据结构
- JavaScript - JSON 数据结构的构建 - 如何使用变量值更改键名
- 如何处理在javascript中访问数据结构的两个回调
- 文字与原型对象表示法的数据结构
- Javascript函数将数组列表转换为树数据结构或图形
- 使用Django模板(列表和dicts)将Python数据结构转换为js数据结构
- angularJS:将重新排序列表与数据结构同步
- 使用jinja2模板(列表和dicts)将Python数据结构转换为js数据结构
- 数据结构-如何在javascript中实现哈希表(包括关联列表)
- 数据结构关联列表-如何创建头键值对
- 如何处理复杂数据结构的列表