如何使用角度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 参数一起使用。 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>

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

Angular 2: how to apply limit to *ngFor?

有关过滤器的更多信息 How to apply filters to *ngFor

Answer 3

  

简单的解决方案：

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