Equivalent of simple "for" (iterating with index) of C# in Angular

Question

In a razor page I can write:

 @for (int i = 1; i <= Model.TotPages; i++)
    {
        <div class="pagmenu">
            @if (i == Model.CurPage)
            {
                @Html.ActionLink(i.ToString(), "Index", "Home", new { curPage = i, catId = Model.CatId, discounted = Model.Discounted, search= Model.Search }, new { @class = "btn btn-primary" })
            }
            else
            {
                @Html.ActionLink(i.ToString(), "Index", "Home", new { curPage = i, catId = Model.CatId, discounted = Model.Discounted, search = Model.Search }, new { @class = "btn btn-default" })
            }
        </div>
    }

What is the equivalent in angular? *ngFor is the equivalent of foreach not of for, as I understand it.

There is only foreach in Angular. You can get index like this: stackoverflow.com/questions/35405618/… — Roberto Zvjerković
– Roberto Zvjerković, Commented Apr 5, 2020 at 10:09

Eliseo · Accepted Answer · 2020-04-05 18:28:11Z

1

if Angular you only can iterating over arrays, well you can create an array "on fly" using "repeat", see this SO

//in ts
n=10;

<div *ngFor="let a of ' '.repeat(n).split('');let i=index">
  {{i}}
</div>

or using a function to return an array

//in .ts
n=10;
getFoolArray(n)
{
    return new Array(n)
}

<div *ngFor="let a of getFoolArray(n);let i=index">
  {{i}}
</div>

Another option is create a directive repeat, see this SO answer

edited Apr 5, 2020 at 18:28

answered Apr 5, 2020 at 10:17

Eliseo

58.9k4 gold badges39 silver badges82 bronze badges

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

2 Comments

Martin Parenteau Over a year ago

For reference, see this answer.

Eliseo Over a year ago

@ConnorsFan, really, I didn't saw your post, please, don't think it's stolen (else I usually redirect to the link)

Collectives™ on Stack Overflow

Equivalent of simple "for" (iterating with index) of C# in Angular

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related