blocks|key|27875|text|我找到了解决这个问题的办法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|27876|​|27877|<td+ng-repeat="key+in+objectKeys(outletFieldAttrsList[0])">+</td>|code-block|syntax|javascript|27878|27879|和控制方：|27880|27881|$scope.objectKeys+=+function+(obj)+{
+++++++++++
++++++++return+Object.keys(obj);
++++}|27882|27883|Object.keys以与其存在相同的顺序返回该对象的键。|27884|entityMap^0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|U|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|V|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|W|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|X|8|@]|9|@]|A|$]]|$1|L|3|C|5|6|7|Y|8|@]|9|@]|A|$]]|$1|M|3|N|5|F|7|Z|8|@]|9|@]|A|$G|H]]|$1|O|3|C|5|6|7|10|8|@]|9|@]|A|$]]|$1|P|3|Q|5|6|7|11|8|@]|9|@]|A|$]]|$1|R|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|S|$]]

<p>I found solution to this problem:</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;td ng-repeat="key in objectKeys(outletFieldAttrsList[0])"&gt; &lt;/td&gt;</code></pre>
</div>
</div>
</p>

<p>and controller side:</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$scope.objectKeys = function (obj) {
           
        return Object.keys(obj);
    }</code></pre>
</div>
</div>
</p>

<p>Object.keys returns keys of that object in same sequence as they exist.</p>


blocks|key|2053839|text|不能保证JavaScript中对象属性的顺序。为此，您需要使用Array或Map。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2053840|相关：|2053841|按属性进行AngularJS排序|offset|length|2053842|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/q/14478106/1630906^0|0|0|0|G|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@$F|S|G|T|1|U]]|A|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]]]

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

<p>Relevant:</p>

<p><a href="https://stackoverflow.com/q/14478106/1630906">AngularJS sorting by property</a></p>


blocks|key|42343|text|Javascript+"objects“没有所谓的”订单“--如果你说过|type|unstyled|depth|inlineStyleRanges|entityRanges|data|42344|{+"e"：0，"b"：123，"c"：345。|42345|它将不被枚举为e，b，c，在文字中被设置-枚举的结果将是简单的b，c，e.(按字母表)|42346|为了进行适当的枚举，您必须将顺序存储在其他实体中(如数组"e“、"b”、"c")。|42347|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|L|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|M|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

<p>Javascript "objects" does not have such thing as an "order" - if you have say </p>

<p>{
"e": 0,
"b": 123,
"c": 345"...</p>

<p>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).</p>

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


blocks|key|2053896|text|我认为您尝试使用arr.sort，但这不是保证。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2053897|sort()方法对数组的元素进行排序，并返回数组。这种类型不一定是稳定的。默认排序顺序是根据字符串Unicode代码点。|blockquote|2053898|如果未提供compareFunction，则通过将元素转换为字符串并按Unicode代码点顺序比较字符串对元素进行排序。例如，“樱桃”先于“香蕉”。在数字排序中，9位于80之前，但由于数字被转换为字符串，"80“以Unicode顺序排在"9”之前。|2053899|Array.prototype.sort()|offset|length|2053900|我相信最好的解决办法，就是按你想要的顺序来回应。|2053901|示例：|2053902|[0:+{+ITEM+},+1+:+{ITEM+2}]|code-block|syntax|javascript|2053903|或者创建一个比较的函数：|2053904|items.sort(function+(a,+b)+{
++return+a.localeCompare(b);
});|2053905|更多细节。，请参阅引用|2053906|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort|1^0|0|0|0|0|M|0|0|0|0|0|0|0|0|5|1|0^^$0|@$1|2|3|4|5|6|7|18|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|19|8|@]|9|@]|A|$]]|$1|E|3|F|5|6|7|1A|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|1B|8|@]|9|@$I|1C|J|1D|1|1E]]|A|$]]|$1|K|3|L|5|6|7|1F|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|1G|8|@]|9|@]|A|$]]|$1|O|3|P|5|Q|7|1H|8|@]|9|@]|A|$R|S]]|$1|T|3|U|5|6|7|1I|8|@]|9|@]|A|$]]|$1|V|3|W|5|Q|7|1J|8|@]|9|@]|A|$R|S]]|$1|X|3|Y|5|6|7|1K|8|@]|9|@$I|1L|J|1M|1|1N]]|A|$]]|$1|Z|3|-4|5|6|7|1O|8|@]|9|@]|A|$]]]|10|$11|$5|12|13|14|A|$15|16]]|17|$5|12|13|14|A|$15|16]]]]

<p>I think you try use arr.sort, but it is not guaranteed.</p>

<blockquote>
  <p>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.</p>
</blockquote>

<p>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.</p>

<p><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort" rel="nofollow">Array.prototype.sort()</a></p>

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

<p>Example:</p>

<pre><code>[0: { ITEM }, 1 : {ITEM 2}]
</code></pre>

<p>Or create a function comparate :</p>

<pre><code>items.sort(function (a, b) {
  return a.localeCompare(b);
});
</code></pre>

<p><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort" rel="nofollow">More details ..</a> , see the reference</p>


<p>I'm getting a json from server side in following order:</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>[{
  "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
}]</code></pre>
</div>
</div>
</p>

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

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;td ng-repeat="(key, value) in vm.outletFieldAttrsList[0]"&gt;{{value}}&lt;/td&gt;</code></pre>
</div>
</div>
</p>

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


angularjs disturbs json structure

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我从服务器端得到一个json，顺序如下：​[{  "outlet_id": 83  "outlet_name": "My Outlet"  "address": "My Outlet"  "shop_number": "123"  "street": "123"  "building_no": "52"  "key_location": "Location 123"  "mohallah": "M

问angularjs干扰json结构
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问angularjs干扰json结构EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问angularjs干扰json结构
EN