如何在AngularJs中应用排序(升序和降序),我们在表中获取数据

时间:2015-12-04 09:34:32

标签: angularjs sorting

我从服务器收到以下格式的日期

    30-Nov-2015 10:54:19 AM 
    30-Nov-2015 10:54:19 AM 
    03-Dec-2015 10:54:19 AM   
    02-Dec-2015 10:54:19 AM   
    01-Dec-2015 10:54:19 AM   

2 个答案:

答案 0 :(得分:0)

在添加到表之前对数据进行排序。有多种方法可以对日期数组进行排序。

答案 1 :(得分:0)

如果您的字段被调用' date'你可以这样排序:

在Ctrl中

 $scope.dates =
      [{date: new Date('30-Nov-2015 10:54:19 AM')},
       {date: new Date('30-Nov-2015 10:54:19 AM')},
       {date: new Date('03-Dec-2015 10:54:19 AM')},
       {date: new Date('02-Dec-2015 10:54:19 AM')},
       {date: new Date('01-Dec-2015 10:54:19 AM')}];


  $scope.predicate = 'date';

查看:

<table>
  <tr>      
    <th>
      <a href="" ng-click="order('date')">date</a>
      <span class="sortorder" ng-show="predicate === 'date'" ng-class="{reverse:reverse}"></span>
    </th>
  </tr>
  <tr ng-repeat="date in dates | orderBy:predicate:reverse">
    <td>{{date.date | date:'dd-MMM-yyyy hh:mm:a'}}</td>
  </tr>
</table>

请参阅plunkr here

您可能需要阅读orderBy

的Angular文档