title: how to use if statement in ng repeat using angular 1.0.8
body: <p>My angular is 1.0.8-stable</p>
  
  <p>My objective is to display data in rows of 3.</p>
  
  <p>My html should look like</p>
  
  <pre><code>&lt;div class="table-row"&gt;
      &lt;div class="item"&gt;item1&lt;/div&gt;
      &lt;div class="item"&gt;item2&lt;/div&gt;
      &lt;div class="item"&gt;item3&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My pseudo code is if the $index mod 3 == 0 then I will display <code>&lt;div class="table-row"&gt;</code>.</p>
  
  <p>if the $index mod 3 == 2, then I will display <code>&lt;/div&gt;</code>.</p>
  
  <p>So far, I have this.</p>
  
  <pre><code>&lt;div ng-repeat='item in my_works.items'&gt;
      &lt;!-- if index mod 3 == 0 show &lt;div&gt;--&gt;
      &lt;!-- if index mod 3 == 2 show &lt;/div&gt;--&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Perhaps I was thinking it in the wrong way as there may be a more efficient way to do this in angularjs?</p>