Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 迭代ng在AngularJs中仅重复n次_Javascript_Angularjs - Fatal编程技术网

Javascript 迭代ng在AngularJs中仅重复n次

Javascript 迭代ng在AngularJs中仅重复n次,javascript,angularjs,Javascript,Angularjs,我有一个包含20个事务的列表。要求是,在我单击按钮时使用ng repeat,当我单击按钮时,5个事务应再次追加,接下来5个事务应追加,依此类推 有人能帮上忙吗 thanx首先,您需要在ng repeat中使用limitTo功能,以便仅在加载时显示5: <div ng-repeat="item in items | limitTo: 5"> <p>{{item.id}}</p> </div> {{item.id} 然后,在按钮上,

我有一个包含20个事务的列表。要求是,在我单击按钮时使用ng repeat,当我单击按钮时,5个事务应再次追加,接下来5个事务应追加,依此类推

有人能帮上忙吗


thanx

首先,您需要在ng repeat中使用limitTo功能,以便仅在加载时显示5:

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

{{item.id}

然后,在按钮上,增加Limito以显示下一个5:

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

希望对你有所帮助。。你的代码帮助我找到了确切的解决方案

这是解决办法

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

{{item.id}

增加

添加一些我们可以看到的代码,请添加一个ng类指令,检查count变量(count>=maxItems),并启用一个隐藏按钮的类。在这种情况下,有人能帮我获取ng repeat的计数吗?我需要ng repeat迭代多长时间
<button ng-click="count = count + 5" ng-init="count=5">Increase</button>