ngFor tekrarını Angular'deki bazı öğelere nasıl sınırlandırabilirim?

Question

Benim Kod:

<li *ngFor="let item of list; let i=index" class="dropdown-item" (click)="onClick(item)"> 
          <template [ngIf]="i<11">{{item.text}}</template> 
         </li> 

Sadece 10 liste elemanları herhangi bir noktada gösterilecek olması çalışıyorum. answer here'da önerildiği gibi, ngIf kullandım ancak bu, sayfada gösterilen boş liste öğeleri (10'un ötesinde) ile sonuçlanır.

Teşekkürler!

Answer 1

Bu yaklaşımın bu çok iyi çalışıyor

<ng-container *ngFor="let item of list" let-i="index"> 
    <li class="dropdown-item" (click)="onClick(item)" *ngIf="i<11">{{item.text}}</li> 
</ng-container> 

Answer 2

bana

<li *ngFor="let item of list | slice:0:10; let i=index" class="dropdown-item" (click)="onClick(item)">{{item.text}}</li> 

Closer daha basit görünüyor:

<template *ngFor="let item of items; let i=index" > 
<ion-slide *ngIf="i<5" > 
    <img [src]="item.ItemPic"> 
</ion-slide> 
</template>