angularjs - multiple - order by angular 6

Orden personalizado usando orderBy en ng-repeat

Question

Tengo objetos como este:

students = {name: ''Aa_Student'', class: ''A_Class''},
           {name: ''Ab_Student'', class: ''A_Class''},
           {name: ''Ac_Student'', class: ''B_Class''},
           {name: ''Ba_Student'', class: ''B_Class''},
           {name: ''Bb_Student'', class: ''C_Class''},
           {name: ''Bc_Student'', class: ''C_Class''}

Digamos que el objeto de los estudiantes se baraja. Yo uso ng-repeat para mostrar los datos. Quiero ordenar los objetos en el orden personalizado.

Por ejemplo, quiero mostrar los datos de esta manera:

  Name              Class
-----------------------------
Ac_Student         B_Class
Ba_Student         B_Class
Aa_Student         A_Class
Ab_Student         A_Class
Bb_Student         C_Class
Bc_Student         C_Class

Básicamente, quiero ordenar por clase de estudiante, pero B_Class es lo primero, luego A_Class y luego C_Class. Además, quiero ordenar por nombre de los alumnos en orden alfabético. ¿Cómo puedo hacer esto?

HTML:

<table>
    <tr ng-repeat="student in students | orderBy:customOrder">
    ...
    </tr>
</table>

Controlador:

$scope.customOrder = function(student) {
    $scope.students = $filter(''orderBy'')(student, function() {

    });
};

Answer 1

Hola, puede crear un filtro de orden personalizado, consulte aquí http://jsbin.com/lizesuli/1/edit

html:

  <p ng-repeat="s in students |customSorter:''class''">{{s.name}} - {{s.class}} </p>
      </div>

filtro angularjs:

app.filter(''customSorter'', function() {

  function CustomOrder(item) {
    switch(item) {
      case ''A_Class'':
        return 2;

      case ''B_Class'':
        return 1;

      case ''C_Class'':
        return 3;
    }  
  }

  return function(items, field) {
    var filtered = [];
    angular.forEach(items, function(item) {
      filtered.push(item);
    });
    filtered.sort(function (a, b) {    
      return (CustomOrder(a.class) > CustomOrder(b.class) ? 1 : -1);
    });
    return filtered;
  };
});

Answer 2

Sé que esto es viejo pero puede ser útil para otros ...

También puede crear una función de clasificación personalizada simple. "No es un filtro":

$scope.customOrder = function (item) {
        switch (item) {
            case ''A_Class'':
                return 2;

            case ''B_Class'':
                return 1;

            case ''C_Class'':
                return 3;
        }
    };

Y luego usa como quisieras:

<table>
<tr ng-repeat="student in students | orderBy:customOrder">
...
</tr>

Answer 3

para establecer el orderBy como una propiedad de los objetos, simplemente cite ese nombre de propiedad dentro del marcado:

ng-repeat="student in students |orderBy:''name'' | orderBy:''class''"

DEMO