Μετάδοση Ιδιοτήτων σε Παιδικό Component στο Angular
Μπορούμε επίσης να μεταδίδουμε ιδιότητες του γονικού component στο παιδικό. Ας δούμε πώς γίνεται αυτό. Στο γονικό component θα ορίσουμε τις ιδιότητες που θα μεταδώσουμε στο παιδικό component:
class AppComponent {
public name: string = 'john';
public age: number = 25;
}
Στο template του γονικού, θα βάλουμε τα ονόματα των attributes σε αγκύλες. Σε αυτήν την περίπτωση, αυτό που γράφεται ως τιμή του attribute θα ερμηνευτεί ως ιδιότητα της γονικής κλάσης:
<user-data [name]="name" [age]="age"></user-data>
Στο γονικό component, δημιουργήστε ιδιότητες για την ονομασία και την τιμή του προϊόντος. Μεταδώστε τις τιμές τους στο παιδικό σας component.
