ngFor繰り返しをAngularのいくつかの項目数に制限するにはどうすればよいですか？

Question

マイコード：

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

私は、任意の時点でのみ10リスト要素の表示を持ってしようとしています。 answer hereで提案されているように、ngIfを使用しましたが、これは空のリスト項目（10を超える）がページに表示される原因となります。

ありがとうございました！

Answer 1

これは私

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

Answer 2

に単純なようで、これは非常にうまく機能：

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