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:

app/user/user.component.tsclass 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:

app/user/user.component.tsclass 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:

app/app.component.html<user-data name="john"></user-data>

Y en el componente hijo, mostremos el nombre pasado en la pantalla:

app/user/user.component.html<p>{{ name }}</p>