Angularда фарзанд компонентга хоссаларни утказиш
Ота-она компонентининг хоссаларини фарзанд компонентга утказиш ҳам мумкин. Келинг, бу иш қандай бажарилишини кўрамиз. Ота-она компонентида биз фарзанд компонентга утказиш учун бериладиган хоссаларни белгилаймиз:
class AppComponent {
public name: string = 'john';
public age: number = 25;
}
Ота-онанинг шаблонида атрибут номларини квадрат кавичокка оламиз. Бу ҳолатда атрибут қиймати сифатида ёзилган нарса, ота-она классасининг хоссаси сифатида интерпретацияланади:
<user-data [name]="name" [age]="age"></user-data>
Ота-она компонентида маҳсулот номи ва нархи учун хоссалар яратинг. Уларнинг қийматларини сизнинг фарзанд компонентингизга утказинг.