Post Top Ad

Your Ad Spot

jueves, 30 de julio de 2020

Enlace de datos angular


enlace de datos angular

El enlace de datos en AngularJS es bastante similar a otras bibliotecas populares como React y Vue. 


¿Qué es el enlace de datos en angular?

La vinculación de datos es un tipo de comunicación en angular. 
enlace de datos angular


Interpolación de cuerdas

Primero veremos la interpolación de cadenas. virtual-machine.component.ts así.

Ahora, podemos usar la interpolación de cadenas para mostrar estos datos dinámicos en la plantilla. archivo v {{}} . 

interpolación de cuerda angular


Enlace de propiedad

Otra forma de trabajar con datos es mediante el enlace de propiedades. [] . virtual-machines.component.html .

La disabledpropiedad está vinculada a la variable allowNewVm en virtual-machines.component.ts .

Además, tenemos una función de flecha simple 


Cuándo utilizar la vinculación de propiedades y la interpolación de cadenas

En el ejemplo de enlace de propiedad anterior, se estaba verificando un valor booleano para ver si una propiedad debería estar habilitada o no. 

Puede ver en la salida anterior que a medida que la allowNewVm variable cambia entre verdadero o falso, también lo hace el estado deshabilitado o habilitado del botón. 

Esto también podría lograrse mediante el enlace de datos de la innerText de esta manera.

El resultado es el mismo. 

Sin embargo, en general, si desea generar algo en la plantilla, continúe y use la Interpolación de cadenas. Enlace de evento angular .

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas