0

Tengo el siguiente array:

$scope.array = [
    {'fecha': "2017-01-01",
    "texto": "luis"},
    {'fecha': "2017-01-01",
    "texto": "jorge"},
    {'fecha': "2017-01-01",
    "texto": "daniel"},
    {'fecha': "2017-01-02",
    "texto": "pedro"},
    {'fecha': "2017-01-03",
    "texto": "crhis"},
    ];

el cual en mi vista html lo muestro de la siguiente manera:

<ul ng-repeat="i in array">
    <li>{{i.fecha}} {{i.texto}}</li>
 </ul>

pero el resultado de esto es:

2017-01-01 luis
2017-01-01 jorge
2017-01-01 daniel
2017-01-02 pedro
2017-01-03 crhis

Mi pregunta es como puedo filtrar por fecha, es decir que el resultado sea de la siguiente manera:

2017-01-01 -----> luis jorge daniel
2017-01-02 -----> pedro
2017-01-03 -----> crhis

en sí lo que quiero saber es cómo hacer el filtrado por fecha y que la fecha se muestre una sola vez juntos con sus datos.

1
  • en realidad lo que planteas no es filtrar la fechas sino agruparlas Commented el 6 ene. 2017 a las 10:48

2 respuestas 2

1

Podrias hacer uso del filtro groupBy angular-filter

Agregas la referencia a angular-filter.min.js y el modulo como explica el titulo Get Started

Luego veras el ejemplo groupBy resuelve exactamente lo que buscas

$scope.players = [
  {name: 'Gene', team: 'alpha'},
  {name: 'George', team: 'beta'},
  {name: 'Steve', team: 'gamma'},
  {name: 'Paula', team: 'beta'},
  {name: 'Scruath', team: 'gamma'}
];

<ul>
  <li ng-repeat="(key, value) in players | groupBy: 'team'">
    Group name: {{ key }}
    <ul>
      <li ng-repeat="player in value">
        player: {{ player.name }}
      </li>
    </ul>
  </li>
</ul>
1
  • Muchas Gracias Amigo una Excelente respuesta ...!
    – Dimoreno
    Commented el 10 ene. 2017 a las 21:54
1

Te dejo el código funcionando de lo que pides, el secreto está en la lib. angular filter, dale ejecutar y pruebalo.

<html lang="en-US">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-filter/0.5.14/angular-filter.min.js"></script>
<body ng-app="myApp">
<div  ng-controller="myCtrl">
<ul>
  <li ng-repeat="(key, value) in array | groupBy: 'fecha'">
    Fecha: {{ key }}
    <ul>
      <li ng-repeat="person in value">
         {{ person.texto }}
      </li>
    </ul>
  </li>
</ul>
</div>

<script>
var app = angular.module("myApp", ['angular.filter']);
app.controller("myCtrl", function($scope) {
$scope.array = [
    {'fecha': "2017-01-01",
    "texto": "luis"},
    {'fecha': "2017-01-01",
    "texto": "jorge"},
    {'fecha': "2017-01-01",
    "texto": "daniel"},
    {'fecha': "2017-01-02",
    "texto": "pedro"},
    {'fecha': "2017-01-03",
    "texto": "crhis"},
    ];
});
</script>

Saludos

4
  • Muchas gracias Es una excelente respuesta Amigo..!!
    – Dimoreno
    Commented el 10 ene. 2017 a las 21:56
  • amigo como podria ordenar por fechas de forma descendente....!!! es decir por fechas 2017-01-03 ....... 2017-01-01
    – Dimoreno
    Commented el 15 feb. 2017 a las 14:43
  • Puedes ordenarlo normal y aplicarle reverse deberia funcionar Commented el 15 feb. 2017 a las 14:49
  • filter:orderBy(array, expression[, reverse]); Commented el 15 feb. 2017 a las 14:49

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.