AngularJS #3

Haciendo “binding” con ng-model

Logo AngularJS

La directiva ng-model indica a AngularJS cuál es el Modelo con el que actuar. Utilizando esta directiva de una de las maneras más sencillas conseguimos ya un resultado espectacular.

Aunque normalmente no definiremos el Modelo así, directamente en el HTML, pero el ejemplo nos muestra cómo podemos utilizar el “bindeo” de datos completamente en directo que nos proporciona el framework.

ver el ejemplo funcionando

<body>
<h1>Bindeo de un input en una expresion</h1>
Nombre: <input type="text" ng-model="nombre">
<p>Hola {{nombre}}</p>
</body>

En el momento en el que escribamos algo en el input text se mostrará en el párrafo siguiente. Calcula lo que llevaría hacer lo mismo en jQuery.

ver capitulo anterior

AngularJS #3

Un comentario en “AngularJS #3

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s