2017-07-25 54 views
4

使用NG-repeat循环我想通过具体的计数次数结合HTML表格行使用angularJS像下面结合:如何通过计数的数量angularJS

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

如果任何人有解决方案,请回复越好。 谢谢

+5

的可能的复制[途径NG-重复定义的次数,而不是重复数组?](https://stackoverflow.com/questions/16824853/way-to-ng-repeat-defined-number-of - 而不是重复数组) –

回答

4

您可以使用这样的构造函数(在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>

+1

很高兴知道这一点。 – Sajeetharan

+1

感谢“Gaurav Srivastava”,您的回答对我非常有用,对我们的角度用户同事也有帮助。 –

+0

欢迎您:-) –

4

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

DEMO

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>

+2

它可能没有一个数组? –

+0

任何其他方式没有ng-repeat像'for'循环等等? –

0

下面的代码会为你工作:

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

值的总数:{{data.length}} 总结

{{data.length}} - 版画价值

{{(data|filter:query).length}}总数 - 打印过滤号码值

0

Sol 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>