Μεταβίβαση κειμένου σε θυγατρικό component στο Angular

Μπορείτε να μεταβιβάζετε κείμενο από το γονικό component στο θυγατρικό. Για να το κάνετε αυτό, πρέπει να γράψετε το κείμενο που μεταβιβάζεται μεταξύ της ανοιγόμενης και της κλειστής ετικέτας του θυγατρικού component. Ας το κάνουμε:

<user-data>
	 κείμενο από τον γονέα
</user-data>

Τώρα στο πρότυπο του θυγατρικού component πρέπει να υποδείξουμε το σημείο στο οποίο θα γίνει η εισαγωγή του μεταβιβασμένου γονικού κειμένου. Αυτό γίνεται χρησιμοποιώντας μια ειδική ετικέτα ng-content. Ας βάλουμε αυτήν την ετικέτα στο πρότυπο του θυγατρικού component:

θυγατρικό κείμενο <br>
<ng-content></ng-content>

Ας υποθέσουμε ότι στο γονικό component υπάρχει κάποια ιδιότητα. Εισάγετε την τιμή αυτής της ιδιότητας στο κείμενο. Μεταβιβάστε αυτό το κείμενο με τον τρόπο που περιγράφεται στο μάθημα στο θυγατρικό component.