title: iterate over chunks of an array using ng-repeat
body: <p>My controller grabs people from the server:</p>
  
  <pre><code>$scope.people = [person1, person2, person3, person4, person5,...]
  </code></pre>
  
  <p>My template needs to display three people per line. For example if it was a table:</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td&gt;person1&lt;/td&gt;&lt;td&gt;person2&lt;/td&gt;&lt;td&gt;person3&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;person4&lt;/td&gt;&lt;td&gt;person5&lt;/td&gt;&lt;td&gt;person6&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I wasn't sure how to conditionally apply the <code>&lt;tr&gt;</code> when <code>$index % 3 == 0</code> or what the best practices are. I know how to do this by adding grouping logic to the controller but I thought it would be best to keep design logic out of the controller.</p>