AngularJS es un framework MVC (Modelo vista Controlador) de JavaScript para el Desarrollo de aplicaciones Web Front-End el cual permite crear aplicaciones Single-Page Applications o SPA. Angular esta dentro de la familia de frameworks como BackboneJS o EmberJS.
Recomiendo el blog de joelhooks y su post "learn angular this weekend" para ampliar información.
Ejemplos sencillos con AngularJS
Empezamos descargando AngularJS desde su sitio oficial angularjs.org
Podemos también copiar el enlace directo para pegarlo en nuestro archivo, por esta vez haremos la descargar.
Creamos un proyecto "MyApp" y su respectiva pagina principal index.html
Iniciamos con un código HTML, en el hacemos la llamada del archivo js de angular, de la siguiente manera
ng-init: Es usado para definir las tareas de inicialización de la aplicación, en este caso creamos un modelo llamado "escritor". NOTA: Sin embargo no es recomendable incluir ng-init dentro de la vista (plantilla o archivo html) debe ir en el controller, solo para este primer ejemplo fue usado ahí.
Otro ejemplo
Declaramos el modelo nombre y posteriormente lo llamamos en Hola {{nombre}}, esto permitirá que al escribir algo en el input se recargue automaticamente:
Otro ejemplo...
En este ejemplo se pondrá un input donde se pueda escribir el tipo de clase para cambiar el color al texto, para esto incluiremos bootstrap.
vamos a http://getbootstrap.com/getting-started/ y podemos descargarlo o simplemente copiar el CDN
los tipos de clase son entre otros: success(verde) warning(amarillo) danger(rojo)..
0 comentarios:
Publicar un comentario