在Angular JS中跳过重复JSON排序

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)

工作:http://jsfiddle.net/DnEXC/

原文:https://groups.google.com/forum/#!topic / angular/N87uqMfwcTs

  • 伟大,简单的解决方案+1 (2认同)