Viendo que definitivamente AngularJS se está convirtiendo en uno de los frameworks de javascript más ampliamente utilizado ha llegado el momento de empezar a trabajar con él. Paso a paso, como siempre, empezamos con lo más sencillo, las expresiones. Antes veremos como crear un entorno para trabajar con AngularJS, cosa que no es nada complicada.
Expresiones en AngularJS
Para empezar a trabajar con AngularJS lo primero que tenemos que hacer es ir a su web y descargarnos la librería.
Se nos descarga el fichero angular.min.js, el cual tendremos que importar en nuestros ficheros HTML.
http://angular.min.js
Nuestro primer ejemplo tendrá este aspecto:
<!DOCTYPE html> <html lang="es" ng-app> <head> <meta charset="UTF-8"> <title>AngularJS 01 - Expresiones</title> </head> <body> Soy Aitor y tengo {{ 2014 - 1974 }} años. <!-- Se evalúa a 40 --> http://angular.min.js </body> </html>
- ng-app es una directiva que indica que AngularJS puede actuar en el ámbito de esta etiqueta, en este caso, en toda la página, ya que la directiva está en la etiqueta html
- {{ 2014 -1974 }} es una expresion que se evaluará produciendo el resultado oportuno. Se utiliza la sintaxis de
{{ expresion_a_evaluar }}
Y así de fácil es empezar a usar AngularJS.
Puedes ver el ejemplo funcionando en vivo en Plunker.
[…] ver capitulo anterior […]