Foros del Web » Programando para Internet » Javascript » Frameworks JS »

ng-repeat ordenado en Angularjs

Estas en el tema de ng-repeat ordenado en Angularjs en el foro de Frameworks JS en Foros del Web. Buenas compañeros, Tengo una duda con el ng-repeat de angular, cada vez que lo aplico se encarga de ordenar alfabeticamente los lementos que se repiten, ...
  #1 (permalink)  
Antiguo 05/01/2015, 14:38
 
Fecha de Ingreso: julio-2013
Mensajes: 9
Antigüedad: 11 años, 4 meses
Puntos: 0
ng-repeat ordenado en Angularjs

Buenas compañeros,

Tengo una duda con el ng-repeat de angular, cada vez que lo aplico se encarga de ordenar alfabeticamente los lementos que se repiten, y no quiero que sea así, si no que aparescan en el orden que defini en el controller, estuve leyendo en la página de Angular que al ng-repeat se le puede agregar un orderBy, pero no me quedo del todo claro, por lo que acudo a su ayuda.

Por aquello, aqui les dejo un codigo que sirve de ejemplo:

Código:
<!DOCTYPE html>
<html lang="en" ng-app="">
<head>
	<meta charset="UTF-8">
	<title>check</title>
	<script src="angular.min.js"></script>
</head>
<body>
	<div ng-controller="MainCtrl">
		<label ng-repeat="(color,enabled) in colors">
      		<input type="checkbox" ng-model="colors[color]" /> {{color}} 
  		</label>
  		<p>colors: {{colors}}</p>
	</div>
	
	<script>
		function MainCtrl($scope){
			$scope.colors = {"Red": false, "Orange": false, "Blue": false};
		};
	</script>
</body>
</html>
En este caso, yo quiero que salga primero "Red", luego "Orange", y por último "Blue", pero el caso es que en pantalla se ve "Blue", "Orange", "Red".

Saludos.

Etiquetas: html, js, ordenado
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:36.