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

-1 vote280 views1 answer
Laws of UX: Using Psychology to Design Better Products & Services pdf
TypeScript
0 vote311 views1 answer
Why table columns are messing in one another in angular
TypeScript
0 vote301 views1 answer
Nginx ERR_TOO_MANY_REDIRECTS when i try redirect to https
TypeScript
0 vote277 views2 answers
Accept the SDK license agreements and install the missing components using the Android Studio SDK Manager
TypeScript
0 vote280 views1 answer
React native 3 dots icon
TypeScript
2 votes293 views1 answer
Loaded because running scripts is disabled on this s
TypeScript
0 vote286 views1 answer
Check if name is unique among non-deleted items laravel
TypeScript
0 vote284 views3 answers
__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
TypeScript
0 vote268 views1 answer
How to reorder boxplots in ggplot
TypeScript
1 vote283 views1 answer
Pathmatch angular
TypeScript