title: AngularJS nested ng-repeat scope
body: <pre><code>&lt;div ng-repeat="store in stores"&gt;
    .. some html ..
    &lt;div ng-repeat="item in store.items | limitTo: 50"&gt;
      ... item html ...
    &lt;/div&gt;
    &lt;div ng-show="store.items.length &gt; 50"&gt;
      &lt;button ng-click=""&gt;Show all&lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When someone clicks the button, I want to show all of the items, not just the first 50. How do I do this? If I have a <code>$scope.itemCount = 50</code> in my controller, then that'll apply for ALL stores and all items. I want it to be only for the scope of store.items.</p>
  
  <p>Any help?</p>