Databinding de propiedad en Typescript
Pedro Lara
En esta ocasión veremos lo que se conoce en Typescript como Databinding de propiedad. A través de este Databinding podemos hacer que un componente hijo pueda recibir variables que hemos declarado en un componente padre. Para este ejemplo he creado un nuevo componente llamado hijo:
Ahora procederemos a crear en el componente principal, el cual será nuestro componente padre, una variable de tipo any a la cual le vamos a asignar un objeto:
Para poder acceder desde el componente hijo a las propiedades del componente padre hacemos lo siguiente:
Lo que hemos hecho es que en el template del componente padre hemos llamado al componente hijo y a la vez hemos creado una variable de nombre "[nombredelavariable]" a la cual le estamos asignado la variable de nombre persona que ya tenemos dispone en el componente padre. Ahora para poder hacer uso de la variable "[nombredelavariable]"dentro del componente hijo, debemos de llamarla dentro de este. Veamos:
Aquí hemos importado el Input, luego hemos utilizado esta propiedad para llamar la variable de nombre "nombredelavariable" que ya tenemos disponible en el template del componente hijo, esta variable se la asignamos a otra que hemos creado de nombre verificar. Ahora solo debemos hacer la típica interpolación para poder utilizarla. Y eso esto todo:
Nota: Si se presenta algún error, solo se debe importar import { FormsModule } from '@angular/forms'; en app.module.ts y luego agregarlo en import: imports: [BrowserModule,FormsModule
Si toda va bien ahora podremos ver en la vista la variable que definimos en el componente padre.
Quizás te interese:
 | Pedro Lara Peguero
Desarrollador Frelance
     |
Suscribirse a:
Enviar comentarios
(
Atom
)
No hay comentarios :
Publicar un comentario