AngularJS嵌套重复范围

Question

<div ng-repeat="store in stores"> 
    .. some html .. 
    <div ng-repeat="item in store.items | limitTo: 50"> 
    ... item html ... 
    </div> 
    <div ng-show="store.items.length > 50"> 
    <button ng-click="">Show all</button> 
    </div> 
</div> 

当有人点击按钮时，我想显示所有项目，而不仅仅是前50个。我该怎么做？如果我的控制器中有$scope.itemCount = 50，那么这将适用于所有商店和所有商品。我希望它只适用于store.items的范围。

任何帮助？

Answer 1

试试这个：

<div ng-repeat="store in stores" ng-init="storeCount = itemCount"> 
    .. some html .. 
    <div ng-repeat="item in store.items | limitTo: storeCount"> 
    ... item html ... 
    </div> 
    <div ng-show="store.items.length > storeCount"> 
    <button ng-click="storeCount = store.items.length">Show all</button> 
    </div> 
</div>