Transferencia de datos al setter de un componente hijo en Angular
Se puede hacer que los datos del componente padre lleguen al setter de una propiedad privada. Veamos un ejemplo. Supongamos que tenemos una propiedad privada con un setter y un getter:
class UserComponent {
private _name: string = '';
set name(name: string) {
if (name.length < 3) {
this._name = name;
} else {
console.log('error');
}
}
get age() {
return this._userAge;
}
}
Como ejemplo, creemos un setter para la edad, donde implementemos una validación de los datos pasados. También creemos un getter para mostrar las propiedades del usuario:
class UserComponent {
private _name: string = '';
@Input()
set name(name: string) {
if (name.length > 3) {
this._name = name;
} else {
console.log('error');
}
}
get name() {
return this._name;
}
}
Ahora pasemos los datos del componente padre al componente hijo:
<user-data name="john"></user-data>
Y en el componente hijo, mostremos el nombre pasado en la pantalla:
<p>{{ name }}</p>
Explique por qué la propiedad privada _name
comienza con el símbolo de subrayado.
Implemente los setters y getters para el nombre del producto y su precio, que serán pasados desde el componente padre.