angularJS 数组更新时重新排序之解决方案一:这个坑,绕开吧,不跳了……

时间:2023-03-10 04:27:55
angularJS 数组更新时重新排序之解决方案一:这个坑,绕开吧,不跳了……

今天产品大人发现了一bug,图表数据和数据库总是对不上,原因是当前端更新数组时,angularJS默认对数组进行了排序。

 // 点击事件:input复选框
$scope.fnClickUpdateAreas = function ($event,areaCode,areaName) {
if ($event.target.checked) {
$scope.areaCodes.push(areaCode);
$scope.areaNames.push(areaName);
}
}

查看代码

当再次更新areaCodes和areaNames时,发现areaCodes自动排序了,和areaNames无法一一对应了,原因很简单,areaCodes是数字,而areaNames是文字。一直在找怎么阻止angularJS自动排序的方案,结果没找到,结果只能用以下办法解决了:

 // 点击事件:input复选框
$scope.fnClickUpdateAreas = function ($event,areaCode,areaName) {
// 更新service中的地区代码数组
if ($event.target.checked) {
$scope.areas.push(
{
'name': areaName,
'code': areaCode
}
);
} service.areaCodes = [];
service.areaNames = [];
for (var i = 0; i < $scope.areas.length; i++) {
service.areaCodes.push($scope.areas[i].code);
service.areaNames.push($scope.areas[i].name); }
}

查看代码