Transmisión de propiedades a un componente hijo en Angular

También se pueden transmitir propiedades del componente padre al hijo. Veamos cómo se hace. En el componente padre, definamos las propiedades que vamos a transmitir al componente hijo:

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

En la plantilla del padre, tomemos los nombres de los atributos entre corchetes. En este caso, lo que está escrito como valor del atributo será interpretado como una propiedad de la clase padre:

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