คุณสมบัติของคลาสคอมโพเนนต์ในเทมเพลต Angular

คุณสมบัติสาธารณะทั้งหมดของคลาสคอมโพเนนต์ จะสามารถเข้าถึงได้ภายในเทมเพลตของคอมโพเนนต์ มาดูวิธีการเข้าถึงมันกัน

สมมติว่าในคลาสของเรามีคุณสมบัติสาธารณะดังต่อไปนี้:

export class AppComponent {
	public test: string = 'abcde';
}

มาแสดงเนื้อหาของคุณสมบัติของเราใน มาร์กอัป ในการทำเช่นนี้ต้องเขียนชื่อ คุณสมบัติภายในเครื่องหมายปีกกาคู่:

<div>
	{{ test }}
</div>

มาร์กอัปต่อไปนี้ถูกกำหนด:

<ul>
	<li>name: john</li>
	<li>surn: smit</li>
</ul>

ทำให้ชื่อและนามสกุลถูกส่ง ไปยังเทมเพลตจากคลาสคอมโพเนนต์