AngularJs中的日期降序排列

Question

<div class="recent" ng-repeat="reader in 
    (filteredItems = (book.reader | orderBy: 'created_at' | limitTo: 1))"> 
</div> 

所以这本书来自于休息api，它附有许多读者。我想得到'最近'的读者。

created_at字段具有将用户识别为最近的值。但上面的代码给了我最老的读者。所以订单需要被倒置？有没有办法按降序排序？

Answer 1

根据documentation，您可以使用reverse参数。

filter:orderBy(array, expression[, reverse]); 

您的过滤器更改为：

orderBy: 'created_at':true 

Answer 2

您可以前缀论点orderBy以“ - ”有降序排列，而不是上升的。我会这样写：

<div class="recent" 
    ng-repeat="reader in book.reader | orderBy: '-created_at' | limitTo: 1"> 
</div> 

这也在过滤器orderBy的文档中说明。

Answer 3

和代码示例：

<div ng-app> 
    <div ng-controller="FooController"> 
     <ul ng-repeat="item in items | orderBy:'num':true"> 
      <li>{{item.num}} :: {{item.desc}}</li> 
     </ul> 
    </div> 
</div> 

和JavaScript：

function FooController($scope) { 
    $scope.items = [ 
     {desc: 'a', num: 1}, 
     {desc: 'b', num: 2}, 
     {desc: 'c', num: 3}, 
    ]; 
} 

会给你：

3 :: c 
2 :: b 
1 :: a 

上的jsfiddle：http://jsfiddle.net/agjqN/

Answer 4

也许这可以USEF ul对于某人：

在我的情况下，我得到一个对象数组，每个对象都包含一个由Mongoose设置的日期。

我用：

ng-repeat="comment in post.comments | orderBy : sortComment : true" 

而定义的函数：

$scope.sortComment = function(comment) { 
    var date = new Date(comment.created); 
    return date; 
}; 

这为我工作。

Answer 5

在我的情况下，orderBy由一个选择框决定。我更喜欢路德维希的反应，因为你可以在选择的选项，例如设置排序方向：

 $scope.options = [ 
      { label: 'Title', value: 'title' }, 
      { label: 'Newest', value: '-publish_date' }, 
      { label: 'Featured', value: '-featured' } 
     ]; 

标记：

<select ng-model="orderProp" ng-options="opt as opt.label for opt in options"></select> 
<ul> 
    <li ng-repeat="item in items | orderBy:orderProp.value"></li> 
</ul>