javascript - example - ngswitch angular 4

AngularJS: cómo ordenar el valor de un objeto similar a una matriz en una repetición ng

Question

Tengo un objeto que se parece a esto:

{
    "03" : "Apple",
    "02" : "Banana",
    "01" : "Cranberry"
}

y lo ordena por las teclas (lo cual tiene sentido) en mi ng-repeat. Esto hace que las etiquetas queden fuera de orden alfabético ("cranberry" es la primera). ¿Cómo hago para que ordene mi repetidor por los valores (alfabéticamente)?

Puedo suministrarlo en el orden que desee para la repetición ng, pero lo ordena por la clave. Si pudiera hacer que no lo hiciera, eso también funcionaría.

Answer 1

Para ordenar la matriz en ngRepeat, puede usar el filtro orderBy, pero funciona solo con matrices, por lo que debería usar la matriz en ngRepeat.

Será algo así en el controlador:

$scope.myData = [
    {
        key:    "01",
        value:  "Cranberry"
    },
    {
        key:    "02",
        value:  "Banana"
    },
    {
        key:    "03",
        value:  "Apple"
    }
];

y en html:

<div class="item" ng-repeat="item in myData|orderBy:''value''">{{item.value}}</div>