Angular Structural Directives의 활용

#angular

structural Directive

ngFor

어레이를 돌면서 반복적으로 나타내기 위한 요소이다. 흔히 리스트를 출력할 때 사용한다.

ngFor 내에서 인덱스를 붙이는 경우의 활용

<li *ngFor="let item of items; index as i; trackBy: trackByFn">...</li>

ngFor 안에서 ngFor를 사용하는 경우의 활용

*ngFor="let subMenuName of menuName['submenu']; let idx = index;"

ngIf