html - angular 2でngForを使用して一部のオブジェクトのみに配列をループする方法

Question

私は6つのオブジェクトを持つ配列をループしており、最大4つの要素だけをループしたい場所でngForを使用しています..どうすればそれを行うことができますか??

<div class="item active" *ngFor="#data of lengthArray">
 content 
</div>

LengthArray には 6 がありますが、最大 4 つのレコードのみをループする方法は??

また、別の div で 4 番目のレコードから 6 番目のレコードまでループしたい..どうすれば 4 番目のレコードから開始できますか??

score 25 · Accepted Answer

startパラメータとendパラメータを指定してスライスパイプを使用できます。start パラメータは必須で、end パラメータはオプションです。

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

score 4 · Accepted Answer

インデックスをキャプチャしてから、4 未満にすることができます

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

私は実際にコードをテストしていませんが、スタックオーバーフローで多くの例を見つけることができます。さらに調査を行ってください...

3 に答える 3