Angular ngFor with range (not collection)

보통 Angular에서 *ngFor를 돌리는 경우 *ngFor="let item of itemList"와 같이 어떤 객체들의 리스트를 순회하는데, 그냥 간단히 0부터 어떤 수 n 까지 순회하고 싶은 경우가 있다. 안타깝게도 ngFor 내부의 DSL 에서는 JavaScript의 전역변수들에 접근이 불가능하다.

그래서 해당 템플릿과 연결된 컴포넌트에서 range(i :number) { return Array(i); } 와 같이 함수를 하나 선언한 뒤, *ngFor="let _trash of range(10); let i = index;" 와 같이 하면 변수 i가 [0, 10) 의 값으로 순회한다.

Leave a Reply