AngularJS - Introducción: Módulos (Modules)

De -

En los lenguajes de alto nivel por lo general se tiene una característica muy importante: la modularidad (por ejemplo: namespace en C# o package en Java). Sin embargo, ¿qué ocurre en Javascript con la modularidad? No existe, Javascript mantiene un espacio global para todo. ¿Qué implicaciones tiene esto? Que a medida que crezca nuestro código más sencillo es que se produzca una colisión de nombres de variables, funciones...

AngularJS pretende solucionar los problemas con la modularidad de Javascript. Para ello AngularJS implementa el concepto de módulos, permitiendo la asociación de recursos a cada uno de los módulos. De esta forma, el framework nos proporciona una herramienta para poder realizar un división lógica de responsabilidades.

¿Qué es un módulo? Un modulo es un objeto de AngularJS que actúa como contenedor de recursos y partes de la aplicación: Controladores, servicios, filtros, etc. [1]. En la siguiente imagen, obtenida de un vídeo de Dan Wahlin [2], se puede ver qué puede definirse en un módulo de AngularJS

Una de las funciones principales del módulo es la de configuración, dónde destaca particularmente la configuración de rutas de acceso a la aplicación. Por tanto, analizando la relación entre los componentes de AngularJS se puede obtener el siguiente esquema [3] (llevado a cabo por Dan Wahlin)
http://weblogs.asp.net/dwahlin/video-tutorial-angularjs-fundamentals-in-60-ish-minutes

Para utilizar el módulo como aplicación la directiva de Angular ng-app espera el nombre de un módulo, será en este módulo dónde se buscarán los diferentes componentes de la aplicación. 

Para trabajar con los módulos, lo primero que se debe conocer es la forma de crearlos y de acceder a ellos:
  • Crear un nuevo módulo: angular.module('nombreModulo',[]);
  • Obtener la referencia de un módulo existe: angular.module('nombreModulo');
La única diferencia entre ambos métodos es que al crear el módulo se tiene un segundo parámetro que es un array. Este array sirve para especificar los nombres de los módulos necesarios para que funciones el módulo que estamos creando. Es decir, para especificar las dependencias. Un ejemplo claro es: dos módulos A y B en los que un controlador del modulo A necesitará un servicio del módulo B, por lo tanto al crear el módulo B:  angular.module('B',[]); Mientras que para crear el módulo A:  angular.module('A',['B']); Es decir, se especifica que el módulo A necesita el módulo B para funcionar.

En código se puede ver más claro



Aprendiendo AngularJS

[1] https://docs.angularjs.org/guide/module
[2] https://www.youtube.com/watch?v=rAyEGv67P-U
[3] http://weblogs.asp.net/dwahlin/video-tutorial-angularjs-fundamentals-in-60-ish-minutes

Comentarios

Publicar un comentario

Entradas populares de este blog

Función __doPostBack

De -
A veces en ASP.NET tenemos la necesidad de realizar un 'post back' desde JavaScript. Si analizamos el HTML que se genera con ASP.NET encontramos que los controles de ASP.NET llaman a la función __doPostBack para realizar esta acción. Esta es una función Javascript generada automáticamente por ASP.NET. Esta función recibe dos parámetros: eventTarget eventArgument Por lo general en eventTarget se envía el ID del control que causa el 'post Back' mientras que en eventArgument se envía información adicional . Al realizarse el 'post back' ASP.NET analiza estos parámetros para ver quién ha realizado el 'post back' y a que evento debe acudir. Sin embargo, podemos enviar información que no sea un ID en el eventTarget y que nos sirva para controlar una llamada a __doPostBack desde una función nuestra de JS.  function realizarPostBack(dato) { __doPostBack('miPostBack', dato); } Por ejemplo tenemos la siguiente función de JS:
Leer más

Procesos Linux - exec y fork

De -
Imagen
En esta entrada me gustaría hablar acerca de la creación de procesos con C cuando trabajamos con Linux. En mi caso trabajo con Debian. Debo dejar claro que hablamos de PROCESOS y no de hilos. Acerca de los hilos hablaré en entradas posteriores. En esta entrada hablaré acerca de como se crean nuevos procesos mediante código en C. De las dos posibilidades que existen. No me pararé en exceso a explicar en detalle qué es un proceso, cambios de contexto de procesos, la tabla de procesos, imagen de memoria, o el ciclo de vida de un proceso. Estos temas cabe mencionarlos, pero como ya he dicho no haré una explicación detallada acerca de ellos. Para comenzar me gustaría hacer una explicación acerca de los procesos. Comenzando por la definición de un proceso: "Un proceso es un programa en ejecución" . El proceso esta formado por el código del programa y el conjunto de datos asociados a la ejecución del programa. El proceso además posee una imagen de memoria, esto es el espacio de
Leer más

malloc vs calloc

De -
Anteriormente en la segunda parte de punteros hablé acerca de cómo crear arrays dinámicos. Vimos la importancia de la función malloc() en este proceso. Sin embargo existen otras dos funciones complementarias a malloc() . Estas funciones son calloc() y realloc() . Para comenzar a ver las diferencias entre estas funciones veremos sus definiciones: - void *malloc(size_t size); - void *calloc(size_t nmemb, size_t size); - void *realloc(void *ptr, size_t size); Primero hablaré de las diferencias entre malloc y calloc . Vimos anteriormente que gracias a malloc() obteníamos el puntero que nos daba la dirección del bloque de memoria reservado dinámicamente. Sin embargo, malloc() no inicializa el contenido de este bloque de memoria. Por otra parte calloc() cumple la misma función que malloc (), con una diferencia: calloc() si inicializa a 0 el contenido de cada elemento del array dinámico. Podemos apreciar como en la definición de calloc() el primer parámetro es el nº de elem
Leer más