Passando propriedades para um componente filho no Angular

Também é possível passar propriedades do componente pai para o filho. Vamos ver como isso é feito. No componente pai, defina as propriedades que passaremos para o componente filho:

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

No template do pai, use os nomes dos atributos entre colchetes. Neste caso, o que está escrito como valor do atributo será interpretado como uma propriedade da classe pai:

app/app.component.html<user-data [name]="name" [age]="age"></user-data>