提问者:小点点

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


我想使用angularJS绑定按特定计数时间绑定html表行,如下所示:

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

如果有人有解决方案,请尽可能回复。谢谢


共3个答案

匿名用户

您可以这样使用构造函数(不需要js中的代码):

null

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>

匿名用户

null

演示

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>

匿名用户

以下代码将适用于您:

可见值的数目:{{(DataFilter:Query)。Length}}

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

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

{{(DataFilter:Query)。Length}}-打印筛选的值数