martes, 19 de enero de 2016

Módulos en Angular JS


Módulos



El concepto de módulo en Angular es para definir una aplicación, es decir, darle un nombre a la misma. Un módulo es un contenedor de todas las partes de una aplicación, por ejemplo: un controlador siempre debe estar ligado a un módulo.

Para crear un módulo se debe usar la función angular.module:


<div ng-app="miApp">...</div>

<script>

var app = angular.module("miAPP", []); 
</script>

El parámetro "miAPP" es el nombre del módulo y al mismo tiempo el del elemento HTML donde se ejecutará la aplicación.  A partir de acá, se pueden añadir controladores, directivas, filtros y muchos más a tu aplicación en AngularJS.

Añadiendo un Controller

En otros posts estaremos hablando de los controladores, si ya tienes conocimientos en MVC, la "C" en este patrón cumple el mismo rol en AngularJS.

Añadiendo una directiva

See the Pen Directiva test by Gerardo (@gelopfalcon) on CodePen.

Conclusión

Los "module" son el corazón de las aplicaciones en AngularJS, ya que a partir de esta podemos construir y utilizar diferentes componentes de este framework.