angularjs - multiple - ng-repeat filter condition

Orden AngularJP en ng-repeat no funciona

Question

Intento usar AngularJS para mi primer proyecto (un administrador de torneos) y el filtro orderBy en ng-repeat no funciona :( He leído toda la documentación sobre eso , pero no tengo nada que hacer: /

Entonces, tengo vars definidos en $scope así:

$scope.order_item = "count_win";
$scope.order_reverse = false;
$scope.teams = {
  100 : {
    id: 100,
    name: "XXX",
    count_win: 1,
    count_loose: 2,
    goal_average: 1,
  },
  200 : {
    id: 200,
    name: "XXX",
    count_win: 1,
    count_loose: 2,
    goal_average: 1,
  },
  [...]
};

Ahora, en mi opinión, estoy tratando de reordenar (primero con un solo artículo de pedido) pero nunca trabajo ...

<tr ng-repeat="team in teams | orderBy:order_item:order_reverse">
   <td>{{team.name}}</td>
   <td>{{team.count_loose}}</td>
   <td>{{team.goal_average}}</td>
</tr>

La segunda vez, quiero reordenar desde 2 piezas de información: count_win y goal_average si primero son iguales .. Intento reemplazar $scope.order_item así, pero si con uno el código no funciona, nunca funcionará con 2 ...

$scope.order_item = [''count_win'',''goal_average''];

Gracias a todos por leer y disculpas por el tamaño de la publicación.

Answer 1

No tiene que crear un parámetro de ámbito para su pedido. Puede hacer esto directamente en su marcado si está tratando con matrices.

<tr ng-repeat="team in teams | orderBy:count_win:false">

Con dos parámetros, solo debes hacer

<tr ng-repeat="team in teams | orderBy:[''count_win'',''goal_average'']">

Después de un orden más complejo, puede crear una función en su ámbito de la siguiente manera:

$scope.customOrder = function (team) {
    //custom
}

Y solo llámalo como

<tr ng-repeat="team in teams | orderBy:customOrder">

Como dijo @Jerrad, ng-repeat solo funciona con matrices, por lo que debe convertir el objeto de su equipo en una matriz para que funcione correctamente.

Answer 2

ng-repeat solo funciona en arreglos, no en objetos JSON. Esto ya se discutió aquí: Angular: no se puede hacer una orden ng de repetición por trabajo

Debe cambiar el objeto JSON a una matriz o convertirlo sobre la marcha. El controlador podría verse así:

var app = angular.module(''app'', []);

app.controller(''Ctrl'', function ($scope) {

    $scope.teams = [
        {
            id: 100,
            name: "A Team",
            count_win: 1,
            count_loose: 2,
            goal_average: 1
        },
        {
            id: 200,
            name: "C Team",
            count_win: 2,
            count_loose: 3,
            goal_average: 4
        },
        {
            id: 300,
            name: "B Team",
            count_win: 4,
            count_loose: 1,
            goal_average: 8
        }
    ];
    $scope.predicate = ''name'';
});

Creé un violín aquí con una demostración que contiene tus datos:

http://jsfiddle.net/c3VVL/

Answer 3

$scope.teams no es una matriz (es un objeto de objetos), y el filtro orderBy solo funciona con matrices. Si haces $scope.teams una matriz, funcionará:

$scope.teams = [
    {
      id: 100,
      name: "team1",
      count_win: 3,
      count_loose: 2,
      goal_average: 2,
    },
    {
      id: 200,
      name: "team2",
      count_win: 3,
      count_loose: 2,
      goal_average: 1,
    },        
    {
      id: 300,
      name: "team3",
      count_win: 1,
      count_loose: 2,
      goal_average: 1,
     }
];

O bien, puede agregar un filtro especial que funcione en objetos, como este (tomado de here ):

app.filter(''orderObjectBy'', function() {
  return function(items, field, reverse) {
    var filtered = [];
    angular.forEach(items, function(item) {
      filtered.push(item);
    });
    filtered.sort(function (a, b) {
      return (a[field] > b[field] ? 1 : -1);
    });
    if(reverse) filtered.reverse();
    return filtered;
  };
});

Y úsalo así:

<tr ng-repeat="team in teams | orderObjectBy:order_item:order_reverse">

Tenga en cuenta que este filtro personalizado no funcionará con una matriz de órdenes de clasificación como en la segunda parte de su pregunta.