角2のngForを使用していくつかのオブジェクトだけをループする方法

Question

6つのオブジェクトを持つ配列をループし、ngForを使って最大4つの要素だけをループします。どうすればいいですか？

LengthArrayには6個しかありませんが、最大4個のレコードだけをループする方法はありますか？

また、4番目のレコードから6番目のレコードを別のdivにループしたいのですが、どうすれば4番目のレコードから始めることができますか？

Answer 1

あなたは開始と終了パラメータでslice pipeを使用することができます。 startパラメータは必須で、endパラメータはオプションです。

<div class="item active" *ngFor="#data of lengthArray | slice:start[:end]"> 
    content 
</div> 

Answer 2

あなたは、インデックスをキャプチャし、その後4

<div class="item active" *ngFor="#data of lengthArray;i=index"> 
    <div *ngIf="i<=4"> 
     content 
    </div> 
</div> 

それはあまり行うことができます私は実際にコードをテストしていませんが、あなたはより多くの再探索を行い、stackoverflowの上でここに例をたくさん見つけることができます。 ..

Angular 2: how to apply limit to *ngFor?

フィルタの詳細を... How to apply filters to *ngFor

Answer 3

シンプルなソリューション：？

<tr *ngFor=""let obj of ArrayogObjs; let i=index"> 
     <td *ngIf="i<4"> 
      {{obj.name}} 
     </td> 
    </tr>