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>