Przekazywanie właściwości do komponentu potomnego w Angular
Można również przekazywać właściwości komponentu nadrzędnego do komponentu potomnego. Spójrzmy, jak to się robi. W komponencie nadrzędnym zdefiniujmy właściwości, które będziemy przekazywać do komponentu potomnego:
class AppComponent {
public name: string = 'john';
public age: number = 25;
}
W szablonie rodzica weźmy nazwy atrybutów w nawiasy kwadratowe. W tym przypadku to, co jest napisane jako wartość atrybutu, będzie interpretowane jako właściwość klasy nadrzędnej:
<user-data [name]="name" [age]="age"></user-data>
W komponencie nadrzędnym utwórz właściwości dla nazwy i ceny produktu. Przekaż ich wartości do twojego komponentu potomnego.
