Entrada de datos

Por ahora hemos visto como generar información desde JavaScript y mostrarla en la página HTML, en este tema vamos a ver como usando el tag <input> podemos pasar la información desde el HTML a las variables de JavaScript. Es decir vamos a modificar la variable mensaje del $scope desde la propia página HTML mediante el tat <input>.

El ejemplo ahora quedaría así:

<!DOCTYPE html>
<html ng-app="app">

  <head>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js"></script>
    <script src="script.js"></script>
  </head>

  <body ng-controller="PruebaController">
    <h1>{{mensaje}}</h1>
    <button ng-click="cambiarMensaje()">Cambio</button>
    <br>
    Mensaje:<input ng-model="mensaje" >
    
  </body>

</html>

Ejemplo

Referencias

ngClick

unidades/02_angular/03_input.1404395643.txt.gz · Última modificación: 2014/07/03 15:54 por admin

Ir hasta arriba