https://cursoangularjs.es/ 2026-04-05T13:12:19+02:00 https://cursoangularjs.es/ https://cursoangularjs.es/lib/tpl/dokubook/images/favicon.ico text/html 2014-07-31T00:19:35+02:00 https://cursoangularjs.es/doku.php?id=unidades:02_angular:00_start&rev=1406758775&do=diff Esta unidad Empezamos desde cero y paso a paso a explicar AngularJS Temas * 2.1 Primera aplicación * 2.2 Eventos * 2.3 Entrada de datos * 2.4 Formulario * 2.5 Directiva ng-disabled * 2.6 Directiva ng-show * 2.7 Directiva ng-hide * 2.8 Modulos text/html 2014-08-29T19:48:35+02:00 https://cursoangularjs.es/doku.php?id=unidades:02_angular:01_primera_app&rev=1409334515&do=diff Ahora vamos a poner en marcha la primera aplicación en Angular. Para ver que funciona lo que haremos simplemente es darle valor a una variable en JavaScript y mostrar dicho valor en la página HTML. Verás que hay algunas cosas que poner inicialmente pero al ser la primera aplicación no quedarán totalmente claras ahora mismo. No te preocupes, es la primera aplicación y a lo largo del curso quedarán totalmente claras ya que dedicaremos temas completos a cada parte. text/html 2014-10-25T10:36:25+02:00 https://cursoangularjs.es/doku.php?id=unidades:02_angular:02_eventos&rev=1414226185&do=diff Hemos visto cómo indicando un mensaje en el $scope podemos mostrarlo fácilmente en el HTML mediante {{ }}. Pero la gracia de angular es que si modificamos el mensaje se actualiza automáticamente el HTML. Para poder cambiar el mensaje debemos incluir una nueva directiva llamada ng-click que permite ejecutar una función JavaScript al pulsar sobre un elemento HTML. text/html 2014-08-29T19:58:58+02:00 https://cursoangularjs.es/doku.php?id=unidades:02_angular:03_input&rev=1409335138&do=diff Por ahora hemos visto cómo generar información desde JavaScript y mostrarla en la página HTML. En este tema vamos a ver cómo 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>. text/html 2014-08-29T20:06:21+02:00 https://cursoangularjs.es/doku.php?id=unidades:02_angular:04_formulario&rev=1409335581&do=diff Ahora que ya tenemos un conocimiento inicial de angular , ya podemos empezar a hacer un ejemplo un poco más real.El objetivo de este tema es crear un formulario (AngularJS tiene muchas más funcionalidades relativas a formularios que veremos más adelante) que permita la entrada de datos de un hipotético seguro médico. text/html 2015-04-12T20:23:33+02:00 https://cursoangularjs.es/doku.php?id=unidades:02_angular:05_ngdisabled&rev=1428863013&do=diff La directiva ng-disabled nos permite habilitar o deshabilitar un elemento de entrada de datos como un <input> un <select> o un <button>. Lo importante de la directiva es que habilita o deshabilita el elemento en función de cualquier valor del $scope y por lo tanto de nuestro modelo. text/html 2014-08-29T20:20:13+02:00 https://cursoangularjs.es/doku.php?id=unidades:02_angular:06_ngshow&rev=1409336413&do=diff La directiva ng-show permite que un elemento de la página se haga visible o invisible en función de cualquier valor del $scope y por lo tanto de nuestro modelo. Es muy similar a la directiva ng-disabled pero en vez de deshabilitar lo que hace es mostrar el elemento si la expresión es true o hacerlo invisible si la expresión es false. text/html 2014-08-29T20:25:18+02:00 https://cursoangularjs.es/doku.php?id=unidades:02_angular:07_nghide&rev=1409336718&do=diff La directiva ng-hide permite que un elemento de la página se haga invisible o visible en función de cualquier valor del $scope y por lo tanto de nuestro modelo. Es la opuesta a la directiva ng-show pero lo que hace es ocultar el elemento si la expresión es true o hacerlo visible si la expresión es false. text/html 2014-10-28T18:35:32+02:00 https://cursoangularjs.es/doku.php?id=unidades:02_angular:08_modulos&rev=1414517732&do=diff Por ahora hemos visto unas cuantas directivas de angular . Pasemos a explicar qué son los módulos en AngularJS. En todos los ejemplo que hemos visto ya hemos hecho uso de los módulos en AngularJS con la siguiente línea: Pero, ¿qué es un módulo? Podríamos verlo como un paquete de Java. Es como una forma de agrupar funcionalidades de Angular. Por ejemplo, podríamos crear varias directivas relacionadas con google Maps. Lo normal sería agrupar todas esas directivas en un único módulo y luego al …