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:
class 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:
<user-data [name]="name" [age]="age"></user-data>
En el componente padre, crea propiedades para el nombre y el precio del producto. Transmite sus valores a tu componente hijo.