Syntactic Sugar ในเงื่อนไขของ Angular

ไดเรกทีฟ *ngIf จริงๆ แล้ว เป็น Syntactic Sugar (นั่นคือ การทำให้ไวยากรณ์ง่ายขึ้นเพื่อความสะดวก) ลองมาดูกันว่าหมายถึงอะไร สมมติว่า เรามีโค้ดต่อไปนี้:

<div *ngIf="isAdmin">
	text
</div>

ในทางเทคนิคจริงๆ แล้วมันจะมีลักษณะ แบบนี้:

<ng-template [ngIf]="isAdmin">
	<div>
		text
	</div>
</ng-template>

สมมติว่าในพรอพเพอร์ตี้ age เก็บอายุ ของผู้ใช้ แสดงข้อความสำหรับผู้ใหญ่ ถ้าอายุมากกว่า 18 ปี และ แสดงข้อความสำหรับเด็กในกรณีอื่น