Wie man Array bis nur einige Objekte mit ngFor in angular 2 durchlaufen

Question

Ich bin ein Array durchlaufen, die 6 Objekte hat und mit ngFor, wo ich nur bis zu 4 Elemente Schleife. Wie kann ich das tun ??

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

In LengthArray habe ich 6, aber wie bis zu 4 Datensätze nur Schleife?

und auch ich möchte vom 4. record bis zum 6. record in einem anderen div .. Wie kann ich vom 4. record ??

Answer 1

können Sie die slice pipe mit einem Start verwenden und Ende Parameter. Der Startparameter ist erforderlich und der Endparameter ist optional.

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

Answer 2

Sie können den Index aufnehmen und es dann weniger machen dann 4

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

Ich habe nicht wirklich den Code getestet, aber Sie können viele Beispiele hier auf Stackoverflow, mehr tun Erforschung finden. ..

Angular 2: how to apply limit to *ngFor?

Mehr über Filter ... How to apply filters to *ngFor

Answer 3

Einfache Lösung:

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