Angularда фарзанд компонентга хоссаларни утказиш

Ота-она компонентининг хоссаларини фарзанд компонентга утказиш ҳам мумкин. Келинг, бу иш қандай бажарилишини кўрамиз. Ота-она компонентида биз фарзанд компонентга утказиш учун бериладиган хоссаларни белгилаймиз:

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

Ота-онанинг шаблонида атрибут номларини квадрат кавичокка оламиз. Бу ҳолатда атрибут қиймати сифатида ёзилган нарса, ота-она классасининг хоссаси сифатида интерпретацияланади:

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

Ота-она компонентида маҳсулот номи ва нархи учун хоссалар яратинг. Уларнинг қийматларини сизнинг фарзанд компонентингизга утказинг.