Übergabe von Eigenschaften an eine Kindkomponente in Angular
Man kann auch Eigenschaften der Elternkomponente an die Kindkomponente übergeben. Schauen wir uns an, wie das gemacht wird. In der Elternkomponente definieren wir die Eigenschaften, die wir an die Kindkomponente übergeben werden:
class AppComponent {
public name: string = 'john';
public age: number = 25;
}
Im Template des Elternteils setzen wir die Attributnamen in eckige Eigenschaften. In diesem Fall wird das, was als Attributwert geschrieben steht, als Eigenschaft der Elternklasse interpretiert:
<user-data [name]="name" [age]="age"></user-data>
Erstellen Sie in der Elternkomponente Eigenschaften für den Namen und den Preis des Produkts. Übergeben Sie deren Werte an Ihre Kindkomponente.
