angularjs disturbs json structure

Question

I'm getting a json from server side in following order:

[{
  "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
}]

but when I display it, it disturbs order, I'm using ng-repeat like:

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

order of attributes is not same as order in JSON returned by server, anyone there who cana help?

Community · Accepted Answer · 2017-05-23 10:27:58Z

0

Order of object attributes in JavaScript is not guaranteed. You need to use an Array or a Map for that.

Relevant:

AngularJS sorting by property

edited May 23, 2017 at 10:27

CommunityBot

11 silver badge

answered Jan 23, 2016 at 13:31

ekuusela

5,3421 gold badge28 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

not-found.404 · Accepted Answer · 2016-01-23 13:31:56Z

0

Javascript "objects" does not have such thing as an "order" - if you have say

{ "e": 0, "b": 123, "c": 345"...

it won't be enumerated then as e, b,c as it was set in literal - result of enumeration will be simply b, c, e ... (by alphabet).

For proper enumeration you have to store the order in some other entity (like array ["e", "b", "c"])

answered Jan 23, 2016 at 13:31

not-found.404

703 bronze badges

Comments

calraiden · Accepted Answer · 2016-01-23 13:40:49Z

I think you try use arr.sort, but it is not guaranteed.

The sort() method sorts the elements of an array in place and returns the array. The sort is not necessarily stable. The default sort order is according to string Unicode code points.

If compareFunction is not supplied, elements are sorted by converting them to strings and comparing strings in Unicode code point order. For example, "Cherry" comes before "banana". In a numeric sort, 9 comes before 80, but because numbers are converted to strings, "80" comes before "9" in Unicode order.

Array.prototype.sort()

I believe the best solution, It would be the response comes in the order you want.

Example:

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

Or create a function comparate :

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

More details .. , see the reference

Junaid Sarwar · Accepted Answer · 2016-02-02 11:05:01Z

0

I found solution to this problem:

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

and controller side:

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

Object.keys returns keys of that object in same sequence as they exist.

answered Feb 2, 2016 at 11:05

Junaid Sarwar

2092 silver badges13 bronze badges

Collectives™ on Stack Overflow

angularjs disturbs json structure

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related