如何在 angular 2 中使用 ngFor 循环遍历数组直到只有一些对象

Question

我正在遍历一个有 6 个对象的数组并使用 ngFor，我只想循环最多 4 个元素。我该怎么做？？

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

在 LengthArray 中我有 6 个但是如何循环最多 4 个记录？？

我还想在另一个 div 中从第 4 条记录循环到第 6 条记录。我怎样才能从第 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>

我还没有真正测试过代码，但你可以在 Whosebug 上找到很多示例，做更多的研究...

有关过滤器的更多信息...

Answer 3

Simple solution:

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

How to loop through array upto only some objects using ngFor in angular 2