Introducción a AngularJS

Angular.js es uno de los frameworks de referencia en JavaScript, pero trabajar con él no es sencillo ya que implica un cambio importante en el paradigma de programación. Una de las características principales del framework es su capacidad para organizar el código de JavaScript, habitualmente caótico.







Angular.js Conceptos

Con Angular es obligatorio entender algunos conceptos.

• Directiva : El concepto de directiva es uno de los más complicados y hace referencia a un conjunto de atributos a nivel de HTML que Angular define como un DSL (Domain Specific Language). Esto permite extender las capacidades que HTML. Ejemplos de estas directivas son : ng-click, ng-repeat, ng-app, ng-controller etc. Cada una aporta su propia funcionalidad.
• Controller : Se trata del concepto clásico de controlador que realiza tareas de comunicación entre la vista y el modelo.
• Scope : El scope es un objeto que comparte información entre la vista y el controlador, permitiendo al controlador asignar nuevos objetos y funciones a la vista.
• View : Este es el concepto más sencillo de entender ya que hace referencia a un conjunto de etiquetas HTML que conforman la vista que se muestra al usuario. Angular usa su propio motor de plantillas para gestionarlas.
• Servicios: Los servicios se encargan de la parte del modelo y permiten diseñar un API consistente para trabajar con el servidor.
• Filtros: Los filtros apoyan a la vista a la hora de presentar los datos realizando transformaciones sobre ellos.

Creando un Ejemplo

Lo mejor muchas veces para entender los conceptos es ver un ejemplo de código:

{{factura.id}}
{{factura.concepto | uppercase }}
{{factura.importe}}