Índice

Creación de una aplicación

Como hemos visto (consulte el capítulo Introducción a AngularJS - sección Organización de la aplicación), este framework se organiza basándose en los patrones de diseño MVC/MVVM, es decir, en el modelo encargado de contener los datos, en una vista encargada de mostrarlos y en un controlador cuyo rol es inicializar el modelo y reaccionar a las acciones del usuario.

1. Modelo

El modelo se representa mediante un objeto o un valor JavaScript.

var user = { name: "Sebastien", lastName: "Ollivier" };

2. Controlador

El controlador es una clase JavaScript que recibe como parámetro el objeto $scope, que representa el modelo.

El objeto $scope se proporciona automáticamente al controlador mediante el mecanismo de inyección de dependencias utilizado por AngularJS. Esta noción se verá con más detalle en el capítulo Estructurar una aplicación - sección Inyección de dependencias. 

function MiControlador($scope) {  
    $scope.user = { name: "Sebastien", lastName: "Ollivier" };  
}

Todas las propiedades y funciones agregadas por el controlador al objeto $scope estarán accesibles por la vista.

La declaración de un controlador se realiza en un módulo AngularJS, que representa a la aplicación. Esta noción se verá más adelante en el capítulo Estructurar una aplicación.

angular.module("MiAplicacion", ...