AngularJS按钮拖拽元素：提交时选中ID无法存入数据库求助

嘿，我仔细看了你的问题和提供的AngularJS代码，发现几个关键问题，这大概率是导致你提交时选中项ID无法存入数据库的原因，咱们一步步来解决：

1. 变量名混乱导致移动逻辑错位 #

你的moveUp和moveDown函数里混用了$scope.vehicle、$scope.peoples、$scope.cars三个变量，这完全不对啊！比如moveUp里遍历$scope.vehicle，却去$scope.peoples里找索引，最后操作的又是$scope.cars——如果这三个变量不是指向同一组数据，移动逻辑不仅会乱，还可能破坏数据的引用关系，导致后续提交时数据异常。

举个例子，你这段代码逻辑完全不通：

// 遍历$scope.vehicle，却在$scope.peoples里找索引，操作$scope.cars？
var idx = $scope.peoples.indexOf($scope.vehicle[i])
$scope.cars.splice(idx, 1)

先统一变量，修复移动逻辑 #

假设你要操作的是$scope.cars数组（因为移动逻辑里实际操作的是它），而且你是想移动选中的单个项（不是所有项），那我们把函数改成这样：

修正后的moveUp函数

$scope.moveUp = function () {
  // 先拿到选中的项（假设你用$scope.selected绑定了选中状态）
  var selected = $scope.selected;
  if (!selected) return; // 没选中就啥也不做
  
  var idx = $scope.cars.indexOf(selected);
  if (idx > 0) {
    // 移除当前项，插入到上一个位置
    $scope.cars.splice(idx, 1);
    $scope.cars.splice(idx - 1, 0, selected);
  }
};

修正后的moveDown函数

$scope.moveDown = function () {
  var selected = $scope.selected;
  if (!selected) return;
  
  var idx = $scope.cars.indexOf(selected);
  // 最后一项不能下移，所以边界是length-1
  if (idx < $scope.cars.length - 1) {
    $scope.cars.splice(idx, 1);
    $scope.cars.splice(idx + 1, 0, selected);
  }
};

2. 提交时ID无法存入的核心排查点 #

如果移动逻辑修复后还是不行，你得检查这几点：

• 确认数据绑定的正确性：提交前用console.log($scope.cars)打印数组，看看每个项的id是不是存在且正确。要是id本身就丢了，那肯定存不进数据库。
• 对象引用问题：如果你的$scope.selected不是直接来自$scope.cars的对象引用（比如是复制出来的新对象），indexOf会返回-1，移动逻辑根本没生效，后续提交的自然不是你调整后的顺序或选中项。
• 后端接口参数格式：看看后端是不是需要单独的id数组，比如{ ids: [1,2,3] }，而你却把整个对象数组发过去了，后端解析不到id就存不进去。

3. 额外的小优化 #

在HTML的列表项上加上ng-click="selected = car"，这样能确保$scope.selected就是$scope.cars里的真实对象引用，避免indexOf找不到的问题。

内容的提问来源于stack exchange，提问作者vipe