Iterate for loop by dynamic value in angularJS

Question

I am new to angularJS.

I want to iterate for loop.

Here is my try,

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

But i can't able to loop.

Thanks in advance.

Thanks @Edison. But in this example loop through array. But i have only single integer value. — Jaydeep Mor
– Jaydeep Mor, Commented Nov 6, 2017 at 8:06

Sajeetharan · Accepted Answer · 2017-11-06 08:13:11Z

4

You need to pass the number to a function and generate an array as follows,

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

DEMO

 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>

answered Nov 6, 2017 at 8:13

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jaydeep Mor Over a year ago

Working well. Thank you very much !. @Sajeetharan

Collectives™ on Stack Overflow

Iterate for loop by dynamic value in angularJS

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related