Saltar al contenido

Diferencia entre una vía y de dos vías de enlace de datos en AngularSep, 23rdIn este tutorial, vamos a aprender acerca de lo que es la diferencia …

marzo 13, 2020

 

En este tutorial, vamos a aprender acerca de lo que es la diferencia entre la unión un dato de forma angular y vinculantes en los datos de dos vías.

¿Cuál es DataBinding? medios

DataBinding que conectan los datos a la vista o la interfaz de usuario, significa que los datos que hemos definido dentro de nuestro componente se une a la plantilla HTML.

unidireccionales medios de enlace de datos

unidireccionales los flujos de datos en una sola dirección, de manera que cada vez que los datos cambian en un componente, sino que también actualiza la vista con nuevos datos de enlace de datos.

Ejemplo:

¿has visto en la imagen de arriba la propiedad data hemos definido dentro del archivo app.component.ts está conectado a la plantilla HTML utilizando {{}} sintaxis.

Ahora bien, si cambia el título de propiedad dentro de un archivo app.component.ts nuestra opinión también se actualiza con el nuevo cambio de esto se llama el enlace de datos en un solo sentido.

de dos vías de datos de dos vías

enlace de datos medios de unión flujos de datos en ambas direcciones, que significa cualquier cambio que ocurre en la vista actualiza los datos y todo cambio que ocurre en los datos actualiza la vista.

En angular, mediante el uso de Directiva ngModel podemos crear de dos vías de enlace de datos.

Ejemplo:

En la imagen anterior, hemos conectado el título de la característica de datos para el elemento de entrada mediante el uso de directiva ngModel.

Ahora, si cambiamos el valor del elemento en la vista que se actualiza el título property.similarly, ifwe cambie la propiedad del título en el interior del archivo de componente también la actualizaciones de los elementos elemento de valor.