angularjs扰乱json结构

Question

我按照以下顺序从服务器端获取json：

 [{ "outlet_id": 83 "outlet_name": "My Outlet" "address": "My Outlet" "shop_number": "123" "street": "123" "building_no": "52" "key_location": "Location 123" "mohallah": "Mohalla 123" "landline": "1235869" "owner_name": "Owner" "Manufecture": "A" "BrandName": "B" "Variant": "C" "BRANDDiscription": "D" "SIZE": "E" "Variant/Promotions": null "Segment": null }] 

但是当我显示它时，它扰乱了秩序，我正在使用ng-repeat，如：

 <td ng-repeat="(key, value) in vm.outletFieldAttrsList[0]">{{value}}</td> 

属性的顺序与服务器返回的JSON中的顺序不同，有谁可以帮助？

Answer 1

JavaScript中的对象属性顺序无法保证。 您需要使用Array或Map。

相关：

AngularJS按属性排序

Answer 2

Javascript“对象”没有“订单”这样的东西 - 如果你说的话

{“e”：0，“b”：123，“c”：345“......

它不会被枚举为e，b，c，因为它是在文字中设置的 - 枚举的结果将简单地为b，c，e ...（按字母表）。

对于正确的枚举，您必须将订单存储在其他实体中（如数组[“e”，“b”，“c”]）

Answer 3

我想你尝试使用arr.sort，但不保证。

sort（）方法对数组中的元素进行排序并返回数组。 排序不一定稳定。 默认排序顺序是根据字符串Unicode代码点。

如果未提供compareFunction，则通过将元素转换为字符串并按Unicode代码点顺序比较字符串来对元素进行排序。 例如，“Cherry”出现在“banana”之前。 在数字排序中，9出现在80之前，但由于数字被转换为字符串，因此“80”以Unicode顺序出现在“9”之前。

Array.prototype.sort（）

我相信最好的解决方案，就是响应按照你想要的顺序排列。

例：

[0: { ITEM }, 1 : {ITEM 2}]

或者创建一个兼容的功能：

items.sort(function (a, b) {
  return a.localeCompare(b);
});

更多细节.. ，参见参考资料

Answer 4

我找到了解决这个问题的方法：

 <td ng-repeat="key in objectKeys(outletFieldAttrsList[0])"> </td> 

和控制器方面：

 $scope.objectKeys = function (obj) { return Object.keys(obj); } 

Object.keys以与它们相同的顺序返回该对象的键。