Angular 4 - Setting variable to index of for loop

Question

I have a simple loop like this:

<div *ngFor="let treatment of data.treatments; let order = index">
    {{treatment.order}}
    <input type="text" [(ngModel)]="treatment.name.dutch" >
</div>

Now I would like to set treatment.order = order in my template code. So that the list would always be

1...
2...
3...

But also that the variable treatment.order would then have the corresponding order in the list. I can't seem to find a way to do this

Create a simple pipe and add a new property at each treatment. — mukund patel
– mukund patel, Commented Nov 28, 2017 at 16:54

G.Vitelli · Accepted Answer · 2017-11-28 15:58:42Z

1

create a sort pipe for sorting the array

More about pipes

stackoverflow question about sorting pipe

Example:

<div *ngFor="let treatment of data.treatments | sortOrder; let order = index">
    {{treatment.order}}
    <input type="text" [(ngModel)]="treatment.name.dutch" >
</div>

answered Nov 28, 2017 at 15:58

G.Vitelli

1,28711 silver badges19 bronze badges

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

Collectives™ on Stack Overflow

Angular 4 - Setting variable to index of for loop

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related