orderBy和limitTo在ng个重复子项中

orderBy and limitTo in ng-repeat child

本文关键字：limitTo ng orderBy      更新时间：2023-09-26

我想在其他数组中包含的数组中使用orderBy和limitTo，所以我需要使用ng重复两次：我试过了，但不能使用

       <ul ng-repeat="item in customarray | orderBy: 'first.date' | limitTo :10 track by $index">
            <div ng-repeat="first in item[1]">
                {{first.date | date}}
            </div>
       </ul>

这是我的阵列

[
   {
      "date":"2015-09-29T07:12:14Z",
      "titre":"Changement date de clôture dossier Barbe Alain",
      "status":"closed",
      "tag":"maintenance",
      "id":660302971,
      "name":"Eugenie Martin"
   },
   {
      "date":"2015-09-04T09:45:20Z",
      "titre":"43325- NH DISTRIBUTION",
      "status":"closed",
      "tag":"assistance",
      "id":660302971,
      "name":"Eugenie Martin"
   },
   {
      "date":"2015-08-20T06:18:04Z",
      "titre":"TR: EURL NH DISTRIBUTION vous a envoyé un message depuis sa plateforme",
      "status":"closed",
      "tag":"assistance",
      "id":660302971,
      "name":"Eugenie Martin"
   },
   {
      "date":"2015-02-25T16:00:46Z",
      "titre":"Votre demande au support sans suite",
      "status":"closed",
      "tag":"assistance",
      "id":660302971,
      "name":"Eugenie Martin"
   },
   {
      "date":"2015-01-12T06:48:35Z",
      "titre":"Bonjour,'n'nle cabinet AUFICOM aura un stand lors du...",
      "status":"closed",
      "tag":"assistance",
      "id":660302971,
      "name":"Eugenie Martin"
   },
   {
      "date":"2014-12-18T09:48:38Z",
      "titre":"ISACOMPTA",
      "status":"closed",
      "tag":"maintenance",
      "id":660302971,
      "name":"Eugenie Martin"
   },
   {
      "date":"2014-12-15T14:08:08Z",
      "titre":"changement date de clôture",
      "status":"closed",
      "tag":"maintenance",
      "id":660302971,
      "name":"Eugenie Martin"
   }
]

[
   {
      "date":"2016-03-15T10:56:28Z",
      "titre":"ferme de la blonde",
      "status":"closed",
      "tag":"assistance",
      "id":661671741,
      "name":"Tanguy Jacob"
   },
   {
      "date":"2016-03-08T13:51:57Z",
      "titre":"SCAN DOCUMENTS",
      "status":"open",
      "tag":"evolution",
      "id":661671741,
      "name":"Tanguy Jacob"
   },
   {
      "date":"2016-01-05T13:59:31Z",
      "titre":"EARL DU TROU DE L'ENFER",
      "status":"closed",
      "tag":"maintenance",
      "id":661671741,
      "name":"Tanguy Jacob"
   },
   {
      "date":"2015-12-28T06:50:04Z",
      "titre":"15377- TR: SNC DE LA FERME DE LA BLONDE vous a envoyé un message depuis sa plateforme",
      "status":"closed",
      "tag":"assistance",
      "id":661671741,
      "name":"Tanguy Jacob"
   },
   {
      "date":"2015-11-06T09:40:03Z",
      "titre":"GAEC DE LA VILLE (N°573)",
      "status":"closed",
      "tag":"maintenance",
      "id":661671741,
      "name":"Tanguy Jacob"
   },
   {
      "date":"2015-11-02T16:28:05Z",
      "titre":"43325- NH DISTRIBUTION",
      "status":"closed",
      "tag":"maintenance",
      "id":661671741,
      "name":"Tanguy Jacob"
   },
   {
      "date":"2015-06-26T11:41:57Z",
      "titre":"Dossier 411 : MUNIER Valérie",
      "status":"closed",
      "tag":"maintenance",
      "id":661671741,
      "name":"Tanguy Jacob"
   },
   {
      "date":"2015-06-26T11:40:54Z",
      "titre":"Dossier 6072 : ROBERT Grégory",
      "status":"closed",
      "tag":"assistance",
      "id":661671741,
      "name":"Tanguy Jacob"
   },
   {
      "date":"2015-01-15T08:58:07Z",
      "titre":"Demande De TJ",
      "status":"closed",
      "tag":"maintenance",
      "id":661671741,
      "name":"Tanguy Jacob"
   },
   {
      "date":"2014-12-17T10:26:37Z",
      "titre":"ECOLE DES CAVALIERS",
      "status":"closed",
      "tag":"maintenance",
      "id":661671741,
      "name":"Tanguy Jacob"
   }
]

另一个解决方案是将所有阵列放在一起，然后我将只能使用1次ng重复：但我不知道如何做到这一点，我从以下开始：

控制器.js

 var interarray = []
                            for(s=0;s<data.length;s++){
                              interarray.push(data[s]);
                            }
                            console.log(interarray);

假设您的数组是data1和data2，则可以使用concat

$scope.allDatas = data1.concat(data2)

并且您只需要orderBy 中的字段名称

http://jsfiddle.net/Lvc0u55v/3915/

我最终在这里管理它，就像我在控制器中所做的那样：

            var lastticket = [];
                      for (i=0; i<data.length; i++) {
                          for (j=0; j<data[i][1].length; j++) {
                              $scope.lastarray = lastticket.push(data[i][1][j]);
                          }
                      };
                        $scope.lastarray = lastticket;

在我看来：

 <ul ng-repeat="item in lastarray  | orderBy:'-date'| limitTo :10 track by $index">
                <li  class="row"><div class="col-md-2 date text-center">{{item.date | date}}</div><div class="col-md-3 date text-center"> {{item.name}}</div> <div class="col-md-5 date text-center">{{item.titre}}</div> <div class="col-md-2 date text-center">{{item.status}}</div></li>
        </ul>

我所做的是，我在数组中循环2次，得到我想要的东西，然后发送到我的视图！（但这不是我应该使用angular.forEach的最佳解决方案）

相关文章：