通过angularJS中的动态值迭代循环

时间:2017-11-06 08:01:40

标签: javascript angularjs

我是angularJS的新手。

我想迭代循环。

这是我的尝试,

totalDays = 4;
<tr ng-repeat="key in totalDays">
    ...
</tr>

但我无法循环。

提前致谢。

1 个答案:

答案 0 :(得分:4)

您需要将数字传递给函数并生成如下数组

 $scope.getDays = function(num) {
    return new Array(num);   
 }

<强>样本

 var app = angular.module('myapp',[]);
 app.controller('personController',function($scope){
  $scope.totalDays = 4;
  $scope.getDays = 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" ng-controller = "personController">
  <ul>
    <li ng-repeat="i in getDays(totalDays) track by $index"><span>{{$index+1}}</span></li>
</ul>
  </div>