在AngularJs中迭代ng-repeat只重复n次

Question

我有一个列表包含20个交易。要求是，当我点击按钮时使用ng-repeat 5当我点击按钮时，应该再次附加5个交易应该追加等等。

任何人都可以帮助这个......

感谢名单

Answer 1

首先，您需要在ng-repeat中使用limitTo函数，仅在加载时显示5：

 <div ng-repeat="item in items | limitTo: 5">
     <p>{{item.id}}</p>
 </div>

然后，在您的按钮上，增加limitTo以显示下一个5：

 <button ng-click="limitTo = limitTo + 5">Increase</button>

希望有所帮助

Answer 2

@Oam Thankuu ..您的代码帮助我找到了确切的解决方案。

这是解决方案..

<div ng-repeat="item in items | limitTo: count">
 <p>{{item.id}}</p>

<button ng-click="count = count + 5" ng-init="count=5">Increase</button>