如何通过angularJS中的计数使用ng-repeat循环答案

【问题标题】：how to use ng-repeat loop by number of count in angularJS如何通过angularJS中的计数使用ng-repeat循环
【发布时间】：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?的可能重复

标签： angularjs angularjs-ng-repeat

【解决方案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>

【讨论】：