Índice

Módulos

Para estructurar funcional o técnicamente una aplicación, AngularJS introduce la noción de módulo.

Un módulo se comporta como un contenedor, agrupando los distintos elementos de una aplicación AngularJS. Contendrá controladores, filtros, directivas, servicios y constantes (estos tres últimos elementos se verán en el capítulo Las directivas, y en las secciones Servicios y Constantes, en este capítulo).

1. Creación y uso de un módulo

La declaración de un módulo se realiza de la siguiente manera:

angular.module("gestionPedido", []);

El elemento anterior crea un módulo llamado gestionPedido.

Una vez creado el módulo, es necesario indicar a AngularJS que debe utilizar este módulo como módulo principal mediante el atributo ng-app.

<html ng-app="gestionPedido">  
  ...  
</html>

Los elementos de un mismo módulo tienen acceso a los demás elementos de este módulo mediante la funcionalidad de inyección de dependencias de AngularJS (este principio se desarrollará en la sección Inyección de dependencias, en este capítulo).

Es posible, también, definir las dependencias entre los módulos. De esta manera, todos los componentes del módulo dependiente tendrán acceso a los componentes de las dependencias.

Para ello, se utiliza la sintaxis:

angular.module("gestionPedido", ["ngRoute"]); ...