title: nested ng-repeat with outer ng-repeat item affecting the inner ng-repeat logic
body: <p>My code </p>
  
  <pre><code>&lt;div ng-repeat='n in [] | range:(my_works.items.length/3)+1'&gt;
      &lt;div class="table-row" style="position:absolute;left:13px;{{row_gap_style(n)}}" class='ng-scope'&gt;
           &lt;div class="book_container" ng-repeat='item in my_works.items.slice($index*3,($index*3+3))' style="position:absolute;top:0px;{{col_gap_style($index)}}"&gt;
              &lt;div id="" title="{{ item.Story.title}}" class="cover_container fetched {{check_published(item)}}" rel="&lt;?php echo $rel; ?&gt;"&gt;
  </code></pre>
  
  <p>What I want to do is</p>
  
  <p>if <code>n</code> in the outer ng-repeat is 0, then the div.book_container will look like this instead:</p>
  
  <pre><code>&lt;div class="book_container" ng-show="n == 0" ng-repeat='item in my_works.items.slice($index*2, ($index*2+2))' style="position:absolute;top:0px;{{col_gap_style($index+1)}}"&gt;
  </code></pre>
  
  <p>otherwise, the div should be as before.</p>
  
  <p>How do I accomplish this?</p>