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

Ата-эне компонентте продуктунун аталышы жана баасы үчүн касиеттерди жасаңыз. Алардын маанилерин өзүңүздүн бала компонентиңизге өткөрүңүз.