วิธีการของคลาสคอมโพเนนต์ในเทมเพลต Angular

ในโครงสร้าง HTML ก็สามารถเรียกใช้เมธอดสาธารณะ (public) ของคลาสได้เช่นกัน มาดูการปฏิบัติกัน สมมติว่าเรามีเมธอดต่อไปนี้:

export class AppComponent {
	public show() {
		return 'abcde';
	}
}

เรียกใช้มันในโครงสร้าง HTML:

<div>
	{{ show() }}
</div>

สมมติว่าในคลาสคอมโพเนนต์มีเมธอดต่อไปนี้:

export class AppComponent {
	public showName() {
		return 'john';
	}
	
	public showSurn() {
		return 'smit';
	}
}

แสดงชื่อและนามสกุลในไฟล์เทมเพลตของคอมโพเนนต์