Filtre d'ordre décroissant par date en AngularJs

Question

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

Le livre provient donc d'une api de repos et de nombreux lecteurs y sont attachés. Je veux récupérer le lecteur 'récent'.

Le site created_at a la valeur qui identifie l'utilisateur comme récent. Mais le code ci-dessus me donne le lecteur le plus ancien. L'ordre doit donc être inversé ? Existe-t-il un moyen d'avoir le tri par ordre décroissant ?

Answer 1

Selon documentation vous pouvez utiliser le reverse argument.

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

Changez votre filtre pour :

orderBy: 'created_at':true

Answer 2

Vous pouvez préfixer l'argument dans orderBy avec un '-' pour avoir un ordre décroissant au lieu d'un ordre croissant. Je l'écrirais comme ceci :

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

Ceci est également indiqué dans la documentation du filtre orderBy .

Answer 3

Peut-être que cela peut être utile à quelqu'un :

Dans mon cas, je recevais un tableau d'objets, chacun contenant une date fixée par Mongoose.

J'ai utilisé :

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

Et défini la fonction :

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

Cela a marché pour moi.

Answer 4

Et un exemple de code :

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

Et le JavaScript :

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

Vous donnera :

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

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

Answer 5

Dans mon cas, le orderBy est déterminé par une boîte de sélection. Je préfère la réponse de Ludwig car vous pouvez définir la direction du tri dans les options de sélection en tant que telles :

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

balisage :

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