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

Ата-ана компонентінде өнім атауы мен бағасы үшін қасиеттер жасаңыз. Олардың мәндерін сіздің бала компонентіңізге беріңіз.