0
<ul>
    <li ng-repeat="(dt, inf) in items | groupBy:'date'">
     {{toDate(dt)}}
      <ul>
       <li ng-repeat="event in inf">
        {{event.name}}:{{event.lastname}}
       </li>
      </ul>
    </li>
</ul>

Возвращает:

05.11.2017
ivan : ivanovich
06.11.2017
oleg : olegovich
06.11.2017
vladimir : vladimirovich
07.11.2017
denis : denisovich

Контроллер:

$http.get('/user/info/')
   .success(function(data){
     $scope.items = data;
   }

// Функция для конвертации даты 
$scope.toDate = function(unix_timestamp) {
                var options_date = {
                    year: 'numeric',
                    month: 'numeric',
                    day: 'numeric'
                };
                var date = new Date(unix_timestamp*1000);
                    return date.toLocaleString("ru", options_date);
                };    

app.filter('groupBy', function() {
           return _.memoize(function(items, field) {
                   return _.groupBy(items, field);
               }
           );
       });

В $scope.items хранится:

{date:"1509882662", name:"ivan", lastname:"ivanovich"}
{date:"1509955337", name:"oleg", lastname:"olegovich"}
{date:"1509959921", name:"vladimir", lastname:"vladimirovich"}
{date:"1510081026", name:"denis", lastname:"denisovich"}

Как довести ответ до вида:

07.11.2017
denis : denisovich

06.11.2017
oleg : olegovich
vladimir : vladimirovich

05.11.2017
ivan : ivanovich
9
  • добавь пример того, что в items хранится
    – Grundy
    7 ноя 2017 в 9:06
  • Подредактировал вопрос! 7 ноя 2017 в 9:14
  • разное выводит, потому что он в groupBy получает числа 1509955337, 1509959921 а не даты
    – Grundy
    7 ноя 2017 в 10:04
  • А реально ему в groupBy через функцию toDate сделать запрос? 7 ноя 2017 в 10:10
  • так, а groupBy сторонний используется?
    – Grundy
    7 ноя 2017 в 10:12

1 ответ 1

1

Самый простой способ: добавить нужное поле с датой в объекты получаемой коллекции.

Далее просто использовать его и для группировки и для вывода.

Например:

angular.module('app', [])
  .controller('ctrl', function($scope, $timeout, $filter) {
    var groubBy = $filter('groupBy');
    $timeout(function() {
      $scope.items = [{
        date: "1509882662",
        name: "ivan",
        lastname: "ivanovich"
      }, {
        date: "1509955337",
        name: "oleg",
        lastname: "olegovich"
      }, {
        date: "1509959921",
        name: "vladimir",
        lastname: "vladimirovich"
      }, {
        date: "1510081026",
        name: "denis",
        lastname: "denisovich"
      }];
      $scope.items.forEach(function(el) {
        el['dt'] = toDate(el['date'])
      });
    }, 500);
    // Функция для конвертации даты 
    function toDate(unix_timestamp) {
      var options_date = {
        year: 'numeric',
        month: 'numeric',
        day: 'numeric'
      };
      var date = new Date(unix_timestamp * 1000);
      return date.toLocaleString("ru", options_date);
    };
  }).filter('groupBy', function() {
    return _.memoize(function(items, field) {
      return _.groupBy(items, field);
    });
  });
<script src="https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.2/angular.min.js"></script>
<ul ng-app="app" ng-controller="ctrl">
  <li ng-repeat="(dt, inf) in items | groupBy:'dt'">
    {{dt}}
    <ul>
      <li ng-repeat="event in inf">
        {{event.name}}:{{event.lastname}}
      </li>
    </ul>
  </li>
</ul>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.