การส่งข้อความไปยังคอมโพเนนต์ลูกใน Angular

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

app/app.component.html<user-data>
   text from parent
</user-data>

ตอนนี้ในเทมเพลตของคอมโพเนนต์ลูก เราต้องระบุตำแหน่งที่จะใส่ข้อความ ที่ส่งมาจากแม่ สิ่งนี้ทำได้โดยใช้แท็กพิเศษ ng-content ลองวาง แท็กนี้ในเทมเพลตของคอมโพเนนต์ลูก:

app/user/user.component.htmlchild text <br>
<ng-content></ng-content>