angulaire ng-repeat dans le sens inverse

Je vous suggérons d'utiliser un filtre personnalisé comme ceci:

app.filter('reverse', function() {
  return function(items) {
    return items.slice().reverse();
  };
});

Qui peut alors être utilisé comme:

<div ng-repeat="friend in friends | reverse">{{friend.name}}</div>

Le constater ici: Plunker De Démonstration

Ce filtre peut être personnalisé pour répondre à vos besoins en tant que juge. J'ai fourni d'autres exemples dans la démonstration. Certaines options comprennent la vérification que la variable est un tableau avant d'effectuer l'inverse, ou les rendre plus indulgent pour permettre la reprise de plus en plus de choses comme des cordes.

Désolé d'avoir cette place après une année, mais il y a un nouveau, solution plus facile, qui œuvres Angulaire v1.3.0-rc.5 et plus tard.

Il est mentionné dans la docs:
"Si aucune propriété n'est fournie (par exemple,'+'), alors l'élément du tableau lui-même est utilisé pour comparer les différences de tri". Donc, la solution sera:

ng-repeat="friend in friends | orderBy:'-'" ou

ng-repeat="friend in friends | orderBy:'+':true"

Cette solution semble être la meilleure car elle ne pas modifier un tableau et n'a pas besoin d'autres ressources de calcul (au moins dans notre code). J'ai lu toutes les réponses existantes et préfèrent encore cette un.

Solution la plus Simple:- (pas besoin de faire toutes les méthodes)

ng-repeat = "friend in friends | orderBy: reverse:true"

si vous utilisez 1.3.x, vous pouvez utiliser les éléments suivants

{{ orderBy_expression | orderBy : expression : reverse}}

Exemple Liste des livres par date de publication, par ordre décroissant

<div ng-repeat="book in books|orderBy:'publishedDate':true">

source:https://docs.angularjs.org/api/ng/filter/orderBy

Lors de l'utilisation de MVC dans .NET Angulaire, vous pouvez toujours utiliser OrderByDecending() lorsque vous faites votre db requête comme ceci:

var reversedList = dbContext.GetAll().OrderByDecending(x => x.Id).ToList();

Puis sur le côté Angulaire, il sera déjà inversée dans certains navigateurs (IE). Lors de l'appui Chrome et FF, vous devez l'ajouter orderBy:

<tr ng-repeat="item in items | orderBy:'-Id'">

Dans cet exemple, vous seriez dans l'ordre décroissant sur la .Id de propriété. Si vous êtes en utilisant la pagination, cela devient plus compliqué parce que seule la première page doit être trié. Vous auriez besoin de gérer cela via un .js filtre de fichier pour votre contrôleur, ou de quelque autre façon.

C'est parce que vous êtes à l'aide d'Objet JSON. Lorsque vous faites face à de tels problèmes, puis changer d'Objet JSON JSON Objet de Tableau.

Par Exemple,

{"India":"IN","America":"US","United Kingdon":"UK"} json object
[{"country":"India","countryId":"IN"},{"country":"America","countryId":"US"},{"country":"United Kingdon","countryId":"UK"}] 

J'ai trouvé quelque chose comme cela, mais au lieu de tableau, j'utilise des objets.

Voici ma solution pour les objets:

Ajouter un filtre personnalisé:

app.filter('orderObjectBy', function() {
    return function(items, field, reverse){

        var strRef = function (object, reference) {
            function arr_deref(o, ref, i) {
                return !ref ? o : (o[ref.slice(0, i ? -1 : ref.length)]);
            }
            function dot_deref(o, ref) {
                return !ref ? o : ref.split('[').reduce(arr_deref, o);
            }
            return reference.split('.').reduce(dot_deref, object);
        };

        var filtered = [];

        angular.forEach(items, function(item) {
           filtered.push(item);
        });
        filtered.sort(function (a, b) {
           return (strRef(a, field) > strRef(a, field) ? 1 : -1);
        });
        if(reverse) filtered.reverse();
        return filtered;
    };
});

Qui peut alors être utilisé comme

<div ng-repeat="(key, value) in items | orderObjectBy:'field.any.deep':true">

Si vous avez besoin de vieille prise en charge du navigateur, vous devrez définir la fonction de réduction (ceci est uniquement disponible en ECMA-262 mozilla.org)

//Production steps of ECMA-262, Edition 5, 15.4.4.21
//Reference: http://es5.github.io/#x15.4.4.21
if (!Array.prototype.reduce) {
Array.prototype.reduce = function(callback /*, initialValue*/) {
'use strict';
  if (this == null) {
    throw new TypeError('Array.prototype.reduce called on null or undefined');
  }
  if (typeof callback !== 'function') {
    throw new TypeError(callback + ' is not a function');
  }
  var t = Object(this), len = t.length >>> 0, k = 0, value;
  if (arguments.length == 2) {
    value = arguments[1];
  } else {
    while (k < len && !(k in t)) {
      k++; 
    }
    if (k >= len) {
      throw new TypeError('Reduce of empty array with no initial value');
    }
    value = t[k++];
  }
  for (; k < len; k++) {
    if (k in t) {
      value = callback(value, t[k], k, t);
    }
  }
  return value;
};
}

Im ajoutant une réponse que personne n'a mentionné. Je voudrais essayer de faire le serveur le faire si vous en avez un. Client de filtrage peut être dangereux si le serveur renvoie un grand nombre de dossiers. Parce que vous pourriez être obligé d'ajouter la pagination. Si vous avez de la pagination à partir du serveur puis le client de filtre de la commande, serait dans la page en cours. Qui nuirait à l'utilisateur final. Donc, si vous avez un serveur, puis envoyer les orderby avec l'appel et de laisser le serveur retourner.

Je suggérons à l'aide du tableau natif méthode inverse est toujours le meilleur choix sur la création d'un filtre ou à l'aide de $index.

<div ng-repeat="friend in friends.reverse()">{{friend.name}}</div>

Plnkr_demo.