Omaduste edastamine lapse komponendile Angularis

Samuti on võimalik edastada vanema komponendi omadusi lapse komponendile. Vaatame, kuidas seda tehakse. Vanema komponendi klassis määrame omadused, mida hakkame edastama lapse komponendile:

app/app.component.tsclass AppComponent {
  public name: string = 'john';
  public age: number = 25;
}

Vanema komponendi mallis võtame atribuutide nimed ruutude sisse. Sel juhul tõlgendatakse seda, mis on kirjutatud atribuudi väärtusena, vanema klassi omadusena:

app/app.component.html<user-data [name]="name" [age]="age"></user-data>
Задание 1

Vanema komponendi klassis looge omadused toode nime ja hinna jaoks. Edastage nende väärtused oma lapse komponendisse.