AngularJS - Introducción: Controladores

De -
¿Qué es un controlador? AngularJS emplea el concepto de controladores como el elemento que define la funcionalidad de una parte de la página. Como aproximación se puede decir que un controlador responde a las acciones sobre una interfaz de usuario, lo que permitirá modificar la salida final por pantalla. 



Desde el controlador modificaremos el modelo de datos y gracias al enlace de datos que realiza AngularJS la interfaz de usuario se actualizará para responder al cambio del modelo. Es decir, el controlador utilizará el ámbito (Ver ámbitos) correspondiente para modificar los datos y de esta forma dar funcionalidad a la parte  de la página a la que afecte el controlador.

Lo explicado se puede ver de forma más clara en el siguiente ejemplo: En un controlador se define la variable* "nombre" en el ámbito con un valor inicial y además se define una función que vacía el contenido de la variable "nombre". Desde el HTML se utiliza la variable del ámbito "nombre" para generar un saludo y en la caja de texto al hacer click se llama a la función que vacía el contenido de "nombre".



NOTA: En el HTML los datos del ámbito se enlazan escribiéndolos entre corchetes {{}} (sintaxis moustache) o dentro de directivas 'ng-' o propias. Por ejemplo, ng-bind="nombreVariable" agrega el contenido de la variable a la etiqueta que utilice esa directiva. Otro ejemplo, es el de la directiva ng-click="algunaFuncion()" 

 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.

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