表示アイテムに絞り込む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",
}
];
}
]);
app.filter('hoge', function() {
return function(items) {
var result = [];
var preItem;
angular.forEach(items, function(item){
if(preItem && preItem.created_at == item.created_at){
return;
}
result.push(item);
preItem = item;
});
return result;
};
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app">
<div ng-controller="mainController">
<div ng-repeat="item in items | hoge"> <!-- ここでFilterを指定 -->
<div>{{item.created_at}}</div>
<div>{{item.item_id}}</div>
</div>
</div>
</div>
別の方法として$scopeに関数を作る方法なども考えれれます。
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",
}
];
$scope.filterItems = function(){
var result = [];
var preItem;
angular.forEach($scope.items, function(item){
if(preItem && preItem.created_at == item.created_at){
return;
}
result.push(item);
preItem = item;
});
return result;
}
}]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app">
<div ng-controller="mainController">
<div ng-repeat="item in filterItems()"> <!-- ここで関数を指定 -->
<div>{{item.created_at}}</div>
<div>{{item.item_id}}</div>
</div>
</div>
</div>
Filterで対応する方法は、$scopeが異なる別のControlerなどでも使用可能ですが、
$Scopeに関数を作成する方法は、異なる$scopeでは使用できないので汎用的にしたい場合は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",
}
];
}
]);
app.filter('hoge', function($parse) {
return function(items, propName) {
var result = [];
var preItem;
var parse = $parse(propName);
angular.forEach(items, function(item){
if(preItem && parse(preItem) == parse(item)){
return;
}
result.push(item);
preItem = item;
});
return result;
};
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app">
<div ng-controller="mainController">
<div ng-repeat="item in items | hoge:'created_at'"> <!-- ここでFilterを指定 -->
<div>{{item.created_at}}</div>
<div>{{item.item_id}}</div>
</div>
</div>
</div>
(追記)
同一日付のアイテムを除外したいのかと思い回答していましたが
本当の質問は『日付の表示のみ一度出すようにしたい』と言う事なので、その回答を記載します。
ng-repate中は$indexで現在のindex値が取得できます。
これを用いてitems[$index-1]とする事で一つ前のアイテムを取得する事ができます。
よって、表示部分を以下のような条件にする事でご希望の動作になります。
{{items[$index-1].created_at === item.created_at ? '\u00A0' : item.created_at}}
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.2.23/angular.min.js"></script>
<div ng-app="app">
<div ng-controller="mainController">
<div ng-repeat="item in items">
<div>{{items[$index-1].created_at === item.created_at ? '\u00A0' : item.created_at}}</div>
<div>{{item.item_id}}</div>
</div>
</div>
</div>