2017-07-25 47 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>