Angular
For Loop

NgFor - 루프 용 마크 업

NgFor 지시문은 반복 가능 항목에서 항목 당 한 번 템플릿을 인스턴스화합니다. 인스턴스화 된 각 템플리트의 컨텍스트는 주어진 루프 변수가 반복 가능 항목의 현재 항목으로 설정된 외부 컨텍스트에서 상속됩니다.

NgFor는 기본 추적 알고리즘을 사용자 정의하기 위해 trackBy 옵션을 지원합니다. trackBy 는 index와 item이라는 두 개의 인수를 갖는 함수를 취합니다. trackBy 가 주어지면 각도 트랙은 함수의 반환 값에 따라 변경됩니다.

<li *ngFor="let item of items; let i = index; trackBy: trackByFn">
    {{i}} - {{item.name}}
</li>

추가 옵션 : NgFor는 로컬 변수에 별명을 지정할 수있는 여러 가지 내 보낸 값을 제공합니다.

• 인덱스 는 각 템플릿 컨텍스트에 대한 현재 루프 반복으로 설정됩니다.
• 먼저 항목이 반복의 첫 번째 항목인지 여부를 나타내는 부울 값으로 설정됩니다.
• last 는 항목이 반복의 마지막 항목인지 여부를 나타내는 부울 값으로 설정됩니다.
• 심지어이 항목이 짝수 인덱스를 갖고 있는지 여부를 나타내는 부울 값으로 설정한다.
• 홀수 는이 항목에 홀수 색인이 있는지 여부를 나타내는 부울 값으로 설정됩니다.