$http con Karma y Angular
$http con Karma y Angular
¡INSCRÍBETE A CUALQUIER CURSO CON UN 50% DE DESCUENTO PARA NUEVOS CLIENTES!

Cómo ya sabemos en Angular2 cambian muchas cosas, en esta ocasión vamos a ver cómo podemos utilizar data-binding, es decir, compartir datos entre el modelo y los componentes de las vistas y crear y capturar eventos.

Si no sabes cómo crear un proyecto con Angular2 te recomiendo que visites este tutorial donde vemos cómo hacerlo.

Abre el archivo index.js y añade el siguiente código en la clase de tu proyecto.


¿Qué hace esto?, simple, captura un evento de la vista que pasamos a programar, es lo mismo que hacer con angularjs lo siguiente.


Ahora vamos a abrir el archivo nombredetuapp.html y añade el siguiente código.


Aquí hacemos varias cosas, primero creamos un input de texto, le asignamos el scope todo que sólo estará disponible en el contexto de nuestra template y le asociamos el evento keyup.

Después creamos un botón, le asignamos el evento click llamando a la función hello pasando todo.value, si sólo pasamos todo nos devolverá el html del input, para capturar su valor debemos utilizar model.value.

Finalmente mostramos el valor del campo de texto, y como lo hemos asociado al evento keyup irá apareciendo conforme escribamos.

Si ahora escribes cualquier cosa en el campo de texto y le das a enviar verás como aparece en la consola de tu navegador.