Asw*_*nan 14 javascript jquery angularjs angularjs-ng-repeat
当我使用ng-repeat(可能是一种无痛的方式)时,有没有人知道如何完全跳过 JSON排序?
例如,我的源JSON看起来像这样 -
{
"title": "Title",
"description": "Description",
"moreInfo": "Moreinformation"
}
Run Code Online (Sandbox Code Playgroud)
一旦我在ng-repeat中使用它,它就按字母顺序排序.像这样的东西 -
{
"description": "Description",
"moreInfo": "Moreinformation",
"title": "Title"
}
Run Code Online (Sandbox Code Playgroud)
我的ng-repeat看起来像这样 -
<div ng-repeat="(key,data) in items">
<span class="one"> {{key}} </span>
<span class="two"> {{data}} </span>
</div>
Run Code Online (Sandbox Code Playgroud)
我见过人们有一个单独的键数组,并使用它们来识别JSON对象,最终避免按字母顺序排序.
有一种优雅的方式来做到这一点?
Che*_*niv 38
谷歌小组发现了很好的解决方法:
<div ng-repeat="key in notSorted(data)" ng-init="value = data[key]">
<pre>
key: {{key}}
value: {{value}}
</pre>
</div>
Run Code Online (Sandbox Code Playgroud)
在范围内:
$scope.data = {
'key4': 'data4',
'key1': 'data1',
'key3': 'data3',
'key2': 'data2',
'key5': 'data5'
};
$scope.notSorted = function(obj){
if (!obj) {
return [];
}
return Object.keys(obj);
}
Run Code Online (Sandbox Code Playgroud)
原文:https://groups.google.com/forum/#!topic / angular/N87uqMfwcTs