iterate over chunks of an array using ng-repeat

Question

My controller grabs people from the server:

$scope.people = [person1, person2, person3, person4, person5,...]

My template needs to display

Answer 1

Here is my current solution (It's O(N^2) so doesn't scale for large lists).

Template:

    

        

            
                
                    {{item}}
                
            
        
    

Controller:

angular.module('myapp', []);

function testing($scope){
    $scope.items = ['a', 'b', 'c', 'd','e','f','g'];
}

Result:

a b c
d e f
g

Fiddle:

http://jsfiddle.net/LjX3m/

Conclusion:

I'll probably try use CSS for this as @aaronfrost mentions. (However it may not be possible since some wrapping divs may be required for each chunk).