Angular NgFor Repeater 지시문 - 컬렉션에 대한 루프(Angular 6)

https://grokonez.com/frontend/angular/angular-6/angular-6-ngfor-repeater-directive-loop-over-a-collection

이 자습서에서는 내장 지시문인 AngularngFor를 사용하여 컬렉션을 반복하는 방법을 소개합니다.

관련 게시물:

기술

Node.js – 버전 v10.4.0

Angular - 버전 6

Visual Studio Code – 버전 1.24.0

아래와 같은 구조로 Angular 6 프로젝트를 생성합니다.

Angular 프로젝트 생성:

고객 클래스 생성:

src/app/customer.ts 파일에 데이터 클래스 생성:


export class Customer {
    id: number;
    firstname: string;
    lastname: string;
    age: number
}

이 문제에 관하여(Angular NgFor Repeater 지시문 - 컬렉션에 대한 루프(Angular 6)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/loizenai/angular-ngfor-repeater-directive-loop-over-a-collection-angular-6-407g

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)