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

สามารถแสดงคุณสมบัติสาธารณะของคลาส ได้ไม่เพียงแต่ในเนื้อความของแท็กเท่านั้น แต่ยังสามารถใช้ เป็นค่าของแอตทริบิวต์ได้อีกด้วย ลองมาดูกันในทาง ปฏิบัติ สมมติว่าในคลาสของเรามีคุณสมบัติต่อไปนี้:

app/app.component.tsexport class AppComponent {
  public test: string = 'abcde';
}

มาแสดงเนื้อหาของคุณสมบัติของเราใน แอตทริบิวต์ของแท็ก:

app/app.component.html<div id="{{ test }}">
  text
</div>

app/app.component.html<img src="test.png" alt="picture">