How to get the index in an *ngFor loop in Angular template

I had this problem looping over an array possibly larger than 10 items. But I only had to show 10. This snippet solves this problem.

Solution

The solution is to use a slice pipe, which is built-in in the CommonModule:

<ion-item class="flex flex-row" *ngFor="let favorite of favorites| slice:0:10;" routerLink="/detail" [queryParams]="{Id: favorite.id}">
      <ion-badge >{{favorite.title}}</ion-badge>
</ion-item>