entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

2votos

AngularJS orderBy no funciona con trackBy

Buenas Tardes, estoy intentado ordenar los elementos de un ng-repeat pero solo ordena si elimino el trackBy pero lo necesito así que no puedo prescindir de el.
He probado a cambiar la posición del trackBy detrás del orderBy pero cuando lo hago las animaciones dejan de funcionar como en el siguiente ejemplo:
http://recordit.co/soTA2pI4J9

Aqui esta el Codigo:

            <div class="blocks-container" ng-init="loadProjects()" ng-controller="buildMonitorController">
<div class="row">

        <div class="col-xs-12 col-sm-6 col-md-3 col-lg-2 block animate" ng-if="!errorDialogActive" ng-repeat="build in builds.builds.build track by build._id | orderBy:'lastBuildDetails.startDate' : true" ng-class="{'running': project.running ,'block-green': build._status ==='SUCCESS','block-red': build._status==='FAILURE'}" id="{{build._id}}">
            <div class="title-container"><p>{{build._buildTypeId}}</p></div>
            <div class="update-container col-xs-12">
            <time>{{ build.lastBuildDetails.startDate | date : 'dd.MM.yyyy H:mm:s'}}</time>
            </div>
        </div>
    </div>

<div ng-include src="'views/main/error-dialog.html'"></div>

1 Respuesta

1voto

cloudman Puntos4020

Buenos días Negimaru.

No sé cual es el problema que puedes tener, yo he hecho un ejemplo con el track by, ordenando en orden inverso y además he metido otro filtro tipo "search" para que ordene y filtre por el campo que meta en un textfield y me funciona perfecto.

Deberías revisarlo y mandarnos más información a ver si puede estar el error por otro lado, mira en console con el firebug a ver si ves algo raro en alguna llamada o en el tratamiento de los datos.

Un saludo.

0voto

Negimaru comentado

El problema es que si pongo el orderby las animaciones dejan de funcionar y el ng-repeat no funciona como deberia, aqui te dejo otro ejemplo.
http://recordit.co/lc5v9GFOon

Al principio lo hago sin el orderBy y todos los elementos se listan correctamente con su debida animacion para aparecer, pero luego si le pongo el orderBy se vuelve loco.

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta