본문 바로가기
Front-End

ngIf와 ngFor

by GeekCode 2022. 1. 19.
반응형

 

ngIf

<table *ngIf="movies.length">

Angular에서 if를 쓰고 싶은경우 ngIf를 사용한다.

If에 들어가는 조건식은 다른 것과 마찬가지이지만 여기서는 ngIf가 true일 경우, 보여주고 FALSE인경우는 보이지않게 한다.

 

ngFor

<tr *ngFor="let movie of movies">
  <td>{{movie.title}}</td>
</tr>

다른 문법에서와 마찬가지로 범위를 잡아야하고 해당 횟수만큼 반복을 한다.

 

 

Combine

중첩사용을 위해서는 한번에 두개를 같이 사용할 수는 없다. 

 

반응형