angular-js-ng-repeat-nest

http://stackoverflow.com/questions/15943193/angular-js-more-complex-conditional-loops

by andredgusmao

HTML

<div ng-controller="MyCtrl">
  <div ng-repeat="item in data">
    <h1>{{item.date}}</h1>
    <ul ng-repeat="name in item.names">
      <li>{{name}}</li>
    </ul>
  </div>
</div>

JavaScript

function MyCtrl($scope) {
  var data = [
    { 'name': 'entry1', 'date': '11.4.2013' },
    { 'name': 'entry2', 'date': '11.4.2013' },
    { 'name': 'entry3', 'date': '11.4.2013' },
    { 'name': 'entry4', 'date': '10.4.2013' },
    { 'name': 'entry5', 'date': '10.4.2013' },
    { 'name': 'entry6', 'date': '10.4.2013' }
   ];

  $scope.data = {};
  angular.forEach(data, function(item) {
    if (angular.isUndefined($scope.data[item.date])) {
      $scope.data[item.date] = {
        date: item.date,
        names: [item.name]
      };
    } else {
      $scope.data[item.date].names.push(item.name);
    }
  });
}