Test $locale

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">
    <div class="container" ng-repeat="containers in itemsGroupedByContainer">
        <div class="child" ng-repeat="item in containers">{{item.name}}</div>
    </div>
</div>

CSS

.container {
    border: 1px solid red;
}

JavaScript

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

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

    var size = 3;

    $scope.arrayItems = [{
        name: 'element 1'
    }, {
        name: 'element 2'
    }, {
        name: 'element 3'
    }, {
        name: 'element 4'
    }, {
        name: 'element 5'
    }, {
        name: 'element 6'
    }, {
        name: 'element 7'
    }, {
        name: 'element 8'
    }];

    $scope.arrayItems.forEach(function (item, index) {
        item.containerId = Math.floor(index / size);
    });

    $scope.itemsGroupedByContainer = _.groupBy($scope.arrayItems, 'containerId');

});