Angular에서 ngFor repeat를 일부 항목 수로 제한하려면 어떻게해야합니까?

Angular에서 ngFor repeat를 일부 항목 수로 제한하려면 어떻게해야합니까?

---

내 코드 :

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

언제든지 10 개의 목록 요소 만 표시하려고합니다. 여기 에 대한 답변에서 제안 했듯이 ngIf를 사용했지만 페이지에 빈 목록 항목 (10 개 이상)이 표시됩니다.

---

이것은 나에게 더 간단 해 보인다

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

접근 방식에 더 가까이

<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>

---

이것은 매우 잘 작동합니다.

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

참고 URL : https://stackoverflow.com/questions/37818677/how-can-i-limit-ngfor-repeat-to-some-number-of-items-in-angular