การทำปฏิกิริยาใน Angular

เมื่อใดก็ตามที่มีการเปลี่ยนแปลงคุณสมบัติสาธารณะ เทมเพลตจะตอบสนองแบบปฏิกิริยา นั่นคือเปลี่ยนแปลงทันที นี่คือวิธีที่ การทำปฏิกิริยา ทำงานใน Angular

ลองดูตัวอย่าง สมมติว่าเรามี คุณสมบัติที่เก็บข้อความ:

export class AppComponent {
	public text: string = '';
}

ลองแสดงคุณสมบัติของเราในแท็กบางแท็ก:

<div>
	{{ text }}
</div>

ตอนนี้เรามาสร้างปุ่ม เมื่อคลิกที่ปุ่มนั้น จะเรียกใช้เมธอดของคลาส:

<button (click)="show()">
	show
</button>

ในเมธอดนี้เราจะเปลี่ยนข้อความ:

export class AppComponent {
	public text: string = '';
	
	public show(): void {
		this.text = 'hello';
	}
}

ตอนนี้ ถ้าเราเริ่มรันโค้ดและกดที่ ปุ่ม ข้อความใน div จะเปลี่ยนไปทันทีหลังจากกด

สร้าง div และสองปุ่ม ทำให้ เมื่อกดปุ่มแรก div แสดงข้อความหนึ่ง และเมื่อกดปุ่มที่สอง - แสดงอีกข้อความหนึ่ง