AngularJS - Introducción: Ámbitos (Scopes)

De -
El concepto de los ámbitos es muy importante y se deben entender para el empleo de AngularJS. La importancia de este concepto radica en qué los ámbitos son utilizados por el framework para comunicar controladores y vistas. Es decir, que los ámbitos son el componente que utilizamos para relacionar nuestros datos con las vistas, por tanto deberemos asignar los datos deseados a un ámbito para que este lo lleve a la interfaz.

En un ámbito podemos declarar variables* para que estás sean accesibles desde la vista. Es decir, que desde un controlador podremos utilizar las variables del ámbito para establecer los datos que se envían a la parte de la página asociada al controlador. Para el acceso a los ámbitos desde el código se utiliza el objeto $scope (este objeto representa un ámbito).

AngularJS no posee un sólo ámbito, si no que por cada uno de los controladores se crea un nuevo ámbito**. Además los ámbitos están jerarquizados por lo que al anidar un controlador o varios dentro de otro, los ámbitos creados serán hijos*** del ámbito del controlador superior (desde un ámbito podemos acceder al padre utilizando $parent).  Dentro de la jerarquía existe un ámbito que es el padre de todos y que actúa de forma global, por lo que deberemos tener cuidado al manejarlo. El ámbito padre de todos es accesible mediante $rootScope. 
Ejemplo de jerarquía de los ámbitos

Aprendiendo AngularJS

*Aunque en estos ejemplos y en la mayoría de los tutoriales los datos se mandan en variables del $scope, lo ideal sería pasar los datos en un objeto Javascript y que este actué como modelo de datos. Esta es una práctica que no se tiene en cuenta muy a menudo y que si no se lleva a cabo podríamos  tener problemas con la jerarquía de ámbitos.

**Las directivas también crean ámbitos, aunque la jerarquía en este caso se ve modificada. Por ejemplo, una directiva permite que no se herede el ámbito del controlador sobre el que se utiliza y de esta forma que posea un ámbito propio. Si te interesan los ámbitos de las directivas:
*** Entendiendo la herencia en Javascript:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Inheritance_and_the_prototype_chain 

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