การส่งผ่านคุณสมบัติไปยังคอมโพเนนต์ลูกใน Angular
คุณยังสามารถส่งผ่านคุณสมบัติของคอมโพเนนต์แม่ ไปยังคอมโพเนนต์ลูกได้อีกด้วย มาดูกันว่า ทำได้อย่างไร ในคอมโพเนนต์แม่ เราจะกำหนดคุณสมบัติ ที่เราต้องการส่งผ่านไปยังคอมโพเนนต์ลูก:
class AppComponent {
public name: string = 'john';
public age: number = 25;
}
ในเทมเพลตของคอมโพเนนต์แม่ ให้นำชื่อแอตทริบิวต์ มาไว้ในวงเล็บสี่เหลี่ยม ในกรณีนี้ ค่าที่เขียนเป็นค่าของแอตทริบิวต์ จะถูกตีความว่าเป็นคุณสมบัติของคลาสแม่:
<user-data [name]="name" [age]="age"></user-data>
ในคอมโพเนนต์แม่ ให้สร้างคุณสมบัติ สำหรับชื่อและราคาของสินค้า ส่งผ่าน ค่าของมันไปยังคอมโพเนนต์ลูกของคุณ
