如何通过angularJS中的计数使用ng-repeat循环
Posted
技术标签:
【中文标题】如何通过angularJS中的计数使用ng-repeat循环【英文标题】：how to use ng-repeat loop by number of count in angularJS 【发布时间】：2017-12-31 03:16:45 【问题描述】：我想使用 angularJS 绑定按特定计数时间绑定 html 表格行，如下所示：
<table>
<tr ng-repeat="x in 5">
<td>abc</td>
</tr>
</table>
如果有人有解决方案，请尽可能回复。 谢谢
【问题讨论】：
Way to ng-repeat defined number of times instead of repeating over array?的可能重复 【参考方案1】：你可以像这样使用构造函数（不需要js中的代码）：
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope)
);<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<table>
<tr ng-repeat="n in [].constructor(10) track by $index">
<td>abc</td>
</tr>
</table>
</div>
</body>
</html>【讨论】：
很高兴知道这一点。 感谢“Gaurav Srivastava”，您的回答对我非常有用，也对我们有角度的用户同事有帮助。【参考方案2】：将数字传递给函数并根据它生成数组。
演示
var app = angular.module('myapp',[]);
app.controller('ctrl',function($scope)
$scope.getNumber = function(num)
return new Array(num);
);<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myapp">
<div ng-controller="ctrl">
<table>
<tr ng-repeat="x in getNumber(5) track by $index">
<td>abc</td>
</tr>
</table>
</div>
</div>【讨论】：
可以不做数组吗？ 还有没有像for循环这样的ng-repeat的其他方式？【参考方案3】：
以下代码将为您工作：
可见值的数量：(data|filter:query).length
值的总数：data.length
总结
data.length - 打印值的总数
(data|filter:query).length - 打印过滤后的值数
【讨论】：
【参考方案4】：溶胶 1
<table>
<tr ng-repeat="x in [1,2,3,4,5]">
<td>abc</td>
</tr>
</table>
溶胶 2
或者在后端创建空白数组并像在 laravel 中一样在这里使用
$scope.newarr = new Array(5);
IN 角度
<table>
<tr ng-repeat="x in newarr track by $index">
<td>abc</td>
</tr>
</table>
【讨论】：
以上是关于如何通过angularJS中的计数使用ng-repeat循环的主要内容，如果未能解决你的问题，请参考以下文章