AngularJS 嵌套 ng-repeat 范围

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>