Passaggio delle proprietà a un componente figlio in Angular
È anche possibile passare le proprietà del componente genitore a quello figlio. Vediamo come si fa. Nel componente genitore impostiamo le proprietà che passeremo al componente figlio:
class AppComponent {
public name: string = 'john';
public age: number = 25;
}
Nel template del genitore, racchiudiamo i nomi degli attributi in parentesi quadre. In questo caso, ciò che è scritto come valore dell'attributo, sarà interpretato come una proprietà della classe genitore:
<user-data [name]="name" [age]="age"></user-data>
Nel componente genitore, create le proprietà per il nome e il prezzo del prodotto. Trasmettete i loro valori al vostro componente figlio.
