Skip to main content
サンプル処理が正しくないので、正しく動くように修正
ソース リンク

Monaca
ONSEN UI 1.3.0
AngularJS 1.3

タイトルの通りですが、APIなどから取得したデータを日付ごとにまとめたいと思っています。
API側でデータを整形してもよいのですが、出来ればフロント側(アプリ側)で対応出来るようにしたいと考えています。

以下の様な簡単なサンプルの場合、前のデータを参照して同じかどうかをチェックするのはどうすればよいでしょうか?
たしかAngularJSにはfilterのようなものがあった気がしましたが絞込ではなく使えるのでしょうか?

var app=angular.module("app",[]);
app.controller('mainController',['$scope', function ($scope) {
  $scope.items = [
    [{
      "item_id": 1,
      "user_id": 1,
      "created_at": "2015-05-09 05:32:00",
    }],
    [{
      "item_id": 2,
      "user_id": 1,
      "created_at": "2015-05-09 05:32:00",
    }],
    [{
      "item_id": 3,
      "user_id": 1,
      "created_at": "2015-05-08 05:32:00",
    }]
  ];
}
]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.min.js"></script>
<div ng-app="app">
 <div ng-controller="mainController">
    <div ng-repeat="item in items">
        <div>{{item.created_at}}</div> <!-- ここを同じ年月日のだったら、1回だけ表示にしたい -->
         <div>{{item.iditem_id}}</div>
    </div>
  </div>
</div>

Monaca
ONSEN UI 1.3.0
AngularJS 1.3

タイトルの通りですが、APIなどから取得したデータを日付ごとにまとめたいと思っています。
API側でデータを整形してもよいのですが、出来ればフロント側(アプリ側)で対応出来るようにしたいと考えています。

以下の様な簡単なサンプルの場合、前のデータを参照して同じかどうかをチェックするのはどうすればよいでしょうか?
たしかAngularJSにはfilterのようなものがあった気がしましたが絞込ではなく使えるのでしょうか?

var app=angular.module("app",[]);
app.controller('mainController',['$scope', function ($scope) {
  $scope.items = [
    [{
      "item_id": 1,
      "user_id": 1,
      "created_at": "2015-05-09 05:32:00",
    }],
    [{
      "item_id": 2,
      "user_id": 1,
      "created_at": "2015-05-09 05:32:00",
    }],
    [{
      "item_id": 3,
      "user_id": 1,
      "created_at": "2015-05-08 05:32:00",
    }]
  ];
}
]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.min.js"></script>
<div ng-app="app">
 <div ng-controller="mainController">
    <div ng-repeat="item in items">
        <div>{{item.created_at}}</div> <!-- ここを同じ年月日のだったら、1回だけ表示にしたい -->
         <div>{{item.id}}</div>
    </div>
  </div>
</div>

Monaca
ONSEN UI 1.3.0
AngularJS 1.3

タイトルの通りですが、APIなどから取得したデータを日付ごとにまとめたいと思っています。
API側でデータを整形してもよいのですが、出来ればフロント側(アプリ側)で対応出来るようにしたいと考えています。

以下の様な簡単なサンプルの場合、前のデータを参照して同じかどうかをチェックするのはどうすればよいでしょうか?
たしかAngularJSにはfilterのようなものがあった気がしましたが絞込ではなく使えるのでしょうか?

var app=angular.module("app",[]);
app.controller('mainController',['$scope', function ($scope) {
  $scope.items = [
    {
      "item_id": 1,
      "user_id": 1,
      "created_at": "2015-05-09 05:32:00",
    },
    {
      "item_id": 2,
      "user_id": 1,
      "created_at": "2015-05-09 05:32:00",
    },
    {
      "item_id": 3,
      "user_id": 1,
      "created_at": "2015-05-08 05:32:00",
    }
  ];
}
]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.min.js"></script>
<div ng-app="app">
 <div ng-controller="mainController">
    <div ng-repeat="item in items">
        <div>{{item.created_at}}</div> <!-- ここを同じ年月日のだったら、1回だけ表示にしたい -->
         <div>{{item.item_id}}</div>
    </div>
  </div>
</div>

ソース リンク

ng-repeat中に前の要素と比較して表示の出し分けをしたい

Monaca
ONSEN UI 1.3.0
AngularJS 1.3

タイトルの通りですが、APIなどから取得したデータを日付ごとにまとめたいと思っています。
API側でデータを整形してもよいのですが、出来ればフロント側(アプリ側)で対応出来るようにしたいと考えています。

以下の様な簡単なサンプルの場合、前のデータを参照して同じかどうかをチェックするのはどうすればよいでしょうか?
たしかAngularJSにはfilterのようなものがあった気がしましたが絞込ではなく使えるのでしょうか?

var app=angular.module("app",[]);
app.controller('mainController',['$scope', function ($scope) {
  $scope.items = [
    [{
      "item_id": 1,
      "user_id": 1,
      "created_at": "2015-05-09 05:32:00",
    }],
    [{
      "item_id": 2,
      "user_id": 1,
      "created_at": "2015-05-09 05:32:00",
    }],
    [{
      "item_id": 3,
      "user_id": 1,
      "created_at": "2015-05-08 05:32:00",
    }]
  ];
}
]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.min.js"></script>
<div ng-app="app">
 <div ng-controller="mainController">
    <div ng-repeat="item in items">
        <div>{{item.created_at}}</div> <!-- ここを同じ年月日のだったら、1回だけ表示にしたい -->
         <div>{{item.id}}</div>
    </div>
  </div>
</div>