Nested loops in angular html

Question

I am having a problem to use loop in angular. See below scenario.

JavaScript code:

for(int i=0;i<6;i++) {
    for(int j=0;j<6;j++) {
       id=i+j;
    }
}

How can I do the same in my angular html?

what do you mean by angular html ? what is you are trying to achieve, kindly explain the use case and problem/error you are facing. so we can try to help you — MGA
– MGA, Commented Jan 12, 2017 at 8:08

Chinito · Accepted Answer · 2017-01-12 08:15:59Z

3

You can use ng-repeat. Like this:

<div ng-repeat="x in [] | range:6">
    <label ng-repeat="y in [] | range:6">{{x * y}}</label>
</div>

answered Jan 12, 2017 at 8:15

Chinito

1,2251 gold badge10 silver badges11 bronze badges

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

1 Comment

Thanks Chinito..It is useful for me

Community · Accepted Answer · 2017-05-23 11:47:07Z

0

you can not use for loop in html but you can run loop using ng-repeat in html.This link may help you AngularJS For Loop with Numbers & Ranges

CommunityBot

11 silver badge

answered Jan 12, 2017 at 8:12

5,5478 gold badges35 silver badges48 bronze badges