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, Nov 28 '17 at 16:54

score 1 · Accepted Answer · answered Nov 28 '17 at 15:58

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>

Angular 4 - Setting variable to index of for loop

1 Answers1