web-dev-qa-db-ja.com

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

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

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

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

また、別のdivの4番目のレコードから6番目のレコードにループしたいです。4番目のレコードから開始するにはどうすればよいですか？

htmlangularngfor
10
sudhir

スライスパイプ をstartおよびendパラメーターとともに使用できます。 startパラメーターは必須であり、endパラメーターはオプションです。

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

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

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

私は実際にコードをテストしていませんが、stackoverflowで多くの例を見つけることができ、さらに調査を行うことができます...

角度2：* ngForに制限を適用する方法？

フィルタの詳細... * ngForにフィルタを適用する方法

3
Marko

簡単な解決策：

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