html - 如何在角度 2 中使用 ngFor 仅循环遍历数组到某些对象

Question

我正在循环一个包含 6 个对象的数组并使用 ngFor 我只想循环最多 4 个元素.. 我该怎么做？

<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>

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

score 0 · Accepted Answer

简单的解决方案：

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

3 回答 3