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>