如何按 angularJS 中的计数使用 ng-repeat 循环

Question

我想使用 angularJS 绑定按特定计数次数绑定 html table 行，如下所示：

<table>
    <tr ng-repeat="x in 5">
       <td>abc</td>
    </tr>
</table>

如果有人有解决办法，请尽量回复。谢谢

Answer 1

将数字传递给函数并根据它生成数组。

演示

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>

Answer 2

以下代码适合您：

可见值的数量：{{(data|filter:query).length}}

值总数：{{data.length}} 摘要

{{data.length}} - 打印值的总数

{{(data|filter:query).length}} - 打印过滤后的值数

Answer 3

您可以像这样使用构造函数（不需要 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>

Answer 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);

在angular

<table>
    <tr ng-repeat="x in newarr track by $index">
       <td>abc</td>
    </tr>
</table>

如何按 angularJS 中的计数使用 ng-repeat 循环

how to use ng-repeat loop by number of count in angularJS

angularjs

angularjs-ng-repeat