⊗jsagPmCMCSP 66 of 97 menu

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.

Español
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Usamos cookies para el funcionamiento del sitio, análisis y personalización. El procesamiento de datos se realiza de acuerdo con la Política de privacidad.
aceptar todas configurar rechazar