Overførsel af egenskaber til en underkomponent i Angular

Det er også muligt at overføre egenskaber fra forælderkomponenten til underkomponenten. Lad os se, hvordan det gøres. I forælderkomponenten definerer vi de egenskaber, som vi vil overføre til underkomponenten:

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

I forælderens template tager vi attributnavnene i firkantede egenskaber. I dette tilfælde vil det, der er skrevet som attributværdi, blive fortolket som en egenskab fra forælderklassen:

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

I forælderkomponenten skal du lave egenskaber for produktets navn og pris. Overfør deres værdier til din underkomponent.