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);
 
         }
     }

查看代码