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の値が格納されている場合、成人向けのテキストを表示してください。