การส่งผ่านคุณสมบัติไปยังคอมโพเนนต์ลูกใน Angular

คุณยังสามารถส่งผ่านคุณสมบัติของคอมโพเนนต์แม่ ไปยังคอมโพเนนต์ลูกได้อีกด้วย มาดูกันว่า ทำได้อย่างไร ในคอมโพเนนต์แม่ เราจะกำหนดคุณสมบัติ ที่เราต้องการส่งผ่านไปยังคอมโพเนนต์ลูก:

app/app.component.tsclass AppComponent {
  public name: string = 'john';
  public age: number = 25;
}

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

app/app.component.html<user-data [name]="name" [age]="age"></user-data>