Wie kann ich ngFor auf einige Elemente in Angular beschränken?

Question

Mein Code:

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

Ich versuche nur 10 Listenelemente an jedem Punkt angezeigt zu haben. Wie in der answer here vorgeschlagen, habe ich ngIf verwendet, aber dies führt zu leeren Liste Elemente (mehr als 10) auf der Seite angezeigt.

danke!

Answer 1

Dies erscheint mir einfacher

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

Näher an Ihrem Ansatz

<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

Das funktioniert sehr gut:

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