[Angular] ngFor 배열선언없이 동적값으로 반복 출력하기

가끔씩 만들어진 배열을 출력하는것이아니라 동적으로 변하는 정수값만큼 반복해서 Element를 보여줘야할때가있다.

그럴때 사용하면 유용하다.

 

바로 코드로 알아보자.

반복해서 보여주고하 하는 html 태그에 ng-container로 감싸고 [].constructor(변수명) 으로 입력하면 끝이다.

//html
<!-- 5번 반복하는 코드이다. 동적으로 변하는 변수값이있다면 넣어주면된다. -->
<ng-container *ngFor="let item of [].constructor(5)">
	<div>반복하자</div>
</ng-container>

<!-- count라는 변수의 값을 사용하고싶다면 5자리에 count를 넣어주면된다. -->
<ng-container *ngFor="let item of [].constructor(count)">
	<div>반복하자</div>
</ng-container>

잘 출력되는것을 볼 수있다.