Angular fiddle

by Michael Bazos

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-filter/0.5.4/angular-filter.js"></script>
<div ng-app="demoApp" ng-controller="DemoController">
    <ul ng-repeat="(groupName, value) in images | groupBy: 'time'  ">
        <p>{{ groupName }}</p>
        <p>{{ value }}</p>
        
    </ul>
</div>

CSS

.container {
    border: 1px solid red;
}

JavaScript

var demoApp = angular.module('demoApp', ['angular.filter']);

demoApp.controller('DemoController', function ($scope, $locale) {

    $scope.images = [{
        "CID": "CID-0.37998497346416116",
            "year": 2015,
            "month": 2,
            "day": 20,
            "fullday": "2015-2-20",
            "time": "3:33 pm",
            "notes": "",
            "album": "No Album",
            "favorite": false
    }, {
        "CID": "CID-0.47998497346416116",
            "year": 2015,
            "month": 2,
            "day": 20,
            "fullday": "2015-2-20",
            "time": "4:33 pm",
            "notes": "",
            "album": "No Album",
            "favorite": false
    }, {
        "CID": "CID-0.57998497346416116",
            "year": 2015,
            "month": 2,
            "day": 20,
            "fullday": "2015-2-20",
            "time": "5:33 pm",
            "notes": "",
            "album": "No Album",
            "favorite": false
    }];

});