在AngularJS中，如何从序列中给定的对象数组生成一个7x7网格？

$scope.grid = [
  { id: 1, value: 'A' },
  { id: 2, value: 'B' },
  { id: 3, value: 'C' },
  // 其他对象...
];

<div ng-repeat="row in grid | chunk: 7">
  <div ng-repeat="cell in row" class="grid-cell">
    {{ cell.value }}
  </div>
</div>

app.filter('chunk', function() {
  return function(input, size) {
    var newArr = [];
    for (var i = 0; i < input.length; i += size) {
      newArr.push(input.slice(i, i + size));
    }
    return newArr;
  };
});