NgFor

Ngfor index

<ul>
    <li *ngFor="let item of items; let i = index" [attr.data-index]="i">
        {{item}}
    </li>
</ul>

Source: stackoverflow.com

Ngfor

      <li *ngFor="let item of items; index as i; trackBy: trackByFn">...</li>

Source: angular.io

Ngfor

                <td *ngFor="let col of options.cols;index as i">
                        {{item[i]}} //Angular solution
                </td>

NgFor

//for 
<div *ngFor='let [data] of [dataArray]; let i=index;'>
  <h2> {{i}} {{data.title}} </h2>
  <img src='{{data.image}}' />
  </div>   
  //the data contained in an array will be displayed element by element
  //similar to the function .map() in React

Similar codes

37 votes191 views5 answers
Create react project with typescript
TypeScript
47 votes165 views9 answers
Cannot be loaded because running scripts is disabled on this system
TypeScript
0 vote173 views1 answer
Typescript init string array
TypeScript
1 vote197 views1 answer
(change) on select not working in mat-select
TypeScript
0 vote204 views1 answer
Brackets equation latex
TypeScript
14 votes169 views3 answers
Df.value_counts to dataframe
TypeScript
0 vote169 views2 answers
Convert java to typescript
TypeScript
0 vote178 views1 answer
Go Array’s length is part of its type.
TypeScript
0 vote165 views1 answer
2 counts of IllegalAnnotationExceptions
TypeScript
0 vote194 views1 answer
How to append different lists in installed apps django
TypeScript