it-swarm.com.ru

Как перебрать массив только для некоторых объектов, используя ngFor в angular 2

Я зацикливаюсь на массиве, который имеет 6 объектов и использую ngFor, где я хочу зациклить только до 4 элементов .. Как я могу это сделать ??

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

В LengthArray у меня 6, но как зациклить только 4 записи ??

а также я хочу перейти от 4-й записи к 6-й записи в другом div. Как я могу начать с 4-й записи ??

7
sudhir

Вы можете использовать труба среза с параметром start и end . Параметр start является обязательным, а параметр end - необязательным.

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

Вы можете захватить индекс, а затем сделать его менее 4

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

Я на самом деле не тестировал код, но вы можете найти много примеров здесь на stackoverflow, сделайте больше исследований ...

Angular 2: как применить ограничение к * ngFor?

Подробнее о фильтрах ... Как применить фильтры к * ngFor

3
Marko

Простое решение:

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