Thứ tự giảm dần theo bộ lọc ngày trong AngularJs

Question

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

Vì vậy, cuốn sách đến từ phần còn lại và nó có nhiều độc giả đính kèm. Tôi muốn có được người đọc 'gần đây'.

Trường created_at có giá trị xác định người dùng là gần đây. Nhưng đoạn mã trên cho tôi người đọc lâu đời nhất. Vì vậy, thứ tự cần phải được đảo ngược? Có cách nào để phân loại theo thứ tự giảm dần không?

Answer 1

Theo documentation bạn có thể sử dụng đối số reverse.

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

Thay đổi bộ lọc của bạn để:

orderBy: 'created_at':true 

Answer 2

Bạn có thể thêm tiền tố lập luận trong orderBy với một '-' để có thứ tự giảm dần thay vì tự tăng dần. Tôi sẽ viết như sau:

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

Điều này cũng được nêu trong tài liệu cho bộ lọc orderBy.

Answer 3

Và một ví dụ mã:

<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> 

Và JavaScript:

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

sẽ cung cấp cho bạn:

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

On JSFiddle: http://jsfiddle.net/agjqN/

Answer 4

Có lẽ điều này có thể usef ul cho ai đó:

Trong trường hợp của tôi, tôi đã nhận được một mảng các đối tượng, mỗi đối tượng chứa ngày được thiết lập bởi Mongoose.

tôi đã sử dụng:

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

Và định nghĩa chức năng:

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

này đã làm việc cho tôi.

Answer 5

Trong trường hợp của tôi, orderBy được xác định bằng một hộp chọn. Tôi thích câu trả lời của Ludwig vì bạn có thể thiết lập theo hướng sắp xếp trong các tùy chọn chọn như vậy:

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

đánh dấu:

<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>