Angular에서의 if 구문

Angular에서 조건문은 특수 구문 @if를 사용하여 만들 수도 있습니다. 이 구문은 조건에 따라 코드 블록을 표시하거나 숨길 수 있게 해줍니다. 어떻게 사용하는지 살펴보겠습니다.

다음과 같은 변수가 있다고 가정해 보겠습니다:

export class AppComponent {
	public isAdmin: boolean = true;
}

이 변수의 값이 true일 때 표시될 div를 만들어 봅시다:

@if (isAdmin) {
	<div>
		text
	</div>
}

우리 변수의 값이 false일 때 div가 표시되도록 만들어 봅시다:

@if (!isAdmin) {
	<div>
		text
	</div>
}

속성 isAdult를 만드세요. 우리 변수에 true 값이 들어 있으면 성인용 텍스트를 표시하세요.