AngularJS嵌套ng重复作用域 .. 一些html。。 ... 项目html。。。 全部展示

AngularJS嵌套ng重复作用域 .. 一些html。。 ... 项目html。。。 全部展示,angularjs,angularjs-ng-repeat,Angularjs,Angularjs Ng Repeat,当有人点击按钮时,我想显示所有项目,而不仅仅是前50个。我该怎么做?如果我的控制器中有一个$scope.itemCount=50,那么这将适用于所有商店和所有项目。我希望它仅适用于store.items的范围 有什么帮助吗?试试这个: <div ng-repeat="store in stores"> .. some html .. <div ng-repeat="item in store.items | limitTo: 50"> ... item h

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

有什么帮助吗?

试试这个:

<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>

.. 一些html。。
... 项目html。。。
全部展示
<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>