Angular JS #1

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.

Logo AngularJS

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.

angular1_1

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.

Angular JS #1

Un comentario en “Angular JS #1

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