การส่งข้อความไปยังคอมโพเนนต์ลูกใน Angular
คุณสามารถส่งข้อความจากคอมโพเนนต์แม่ ไปยังคอมโพเนนต์ลูกได้ ในการทำเช่นนี้ คุณต้องเขียนข้อความที่จะส่งไว้ระหว่างแท็กเปิด และแท็กปิดของคอมโพเนนต์ลูก ลองทำดู:
<user-data>
text from parent
</user-data>
ตอนนี้ในเทมเพลตของคอมโพเนนต์ลูก
เราต้องระบุตำแหน่งที่จะใส่ข้อความ
ที่ส่งมาจากแม่
สิ่งนี้ทำได้โดยใช้แท็กพิเศษ
ng-content ลองวาง
แท็กนี้ในเทมเพลตของคอมโพเนนต์ลูก:
child text <br>
<ng-content></ng-content>
สมมติว่าในคอมโพเนนต์แม่มี คุณสมบัติ (property) บางอย่าง จงแทรกค่าของคุณสมบัตินี้ ลงในข้อความ แล้วส่งข้อความนี้ ด้วยวิธีการที่อธิบายในบทเรียนไปยังคอมโพเนนต์ลูก