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

다음 확인하지만, 유래 여기에 예를 많이 찾아 더 연구 할 수 있습니다. ..

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>