在 Angular (Ionic) 中订购 JSON 数据

Question

我需要关于在 ng-repeat 中订购 JSON 的帮助。我想按 item.id 排序我的数据（从最高到最低）。我尝试了许多互联网上的提示，但也许我只是做错了什么，因为它们都不适合我......我的代码：

$http.get('http://jastrzebieonline.pl/drogi/data/najnowsze.php')
   .success(function(res){
     $scope.news = res;
     console.log("Ok");
    })
   .error(function(data, status) {
     console.log("Error");
})

<div ng-repeat="item in news">
    <a href="{{ item.id }}">
      <img src="{{ item.image }}">
      <h2>{{ item.title }}</h2>
      <p>{{ item.date }}</p>
      <p>{{ item.text }}</p>
    </div>
    </a>
 </div>

Answer 1

您可以使用orderBy 过滤器：

<div ng-repeat="item in news | orderBy:'id'">
    <a href="{{ item.id }}">
      <img src="{{ item.image }}">
      <h2>{{ item.title }}</h2>
      <p>{{ item.date }}</p>
      <p>{{ item.text }}</p>
    </div>
    </a>
 </div>

Answer 2

您可以使用“orderBy”过滤器来完成这项工作。

顺便说一句，你应该使用 'ngHref' 和 'ngSrc' 指令，而不是原来的 'href' 和 'src' 属性。

<div ng-repeat="item in news | orderBy:'id':true">
    <a ng-href="{{ item.id }}">
      <img ng-src="{{ item.image }}">
      <h2>{{ item.title }}</h2>
      <p>{{ item.date }}</p>
      <p>{{ item.text }}</p>
    </div>
    </a>
 </div>

参考：

https://docs.angularjs.org/api/ng/filter/orderBy

https://docs.angularjs.org/guide/filter