¿Por qué usarlo?
- Es bueno usarlo en desarrollos web dinámicos pues ofrece herramientas para el acceso a los datos y no sólo de manipulación del DOM de la página.
- Emplea el Modelo Vista Vista-Modelo.
- Mejora el rendimiento y las pruebas.
- ¿Necesito saber DOM, Javascript, jQuery? Mejor enfócate en el rendimiento de la aplicación.
- Etc.
¿En serio no necesito saber Javascript y/o jQuery?
Sí, debes tener bases de Javascript y no, no es necesario saber jQuery. AngularJS se enfoca más en el rendimiento y las pruebas y no se preocupa mucho por la manipulación del DOM.
¿Cómo trabaja AngularJS?
AngularJS permite ampliar el vocabulario HTML, pues el HTML puro es insuficiente para ofrecer contenido dinámico.
Modelo + Plantilla ------- { AngularJS } ----- HTML
Algunos conceptos de AngularJS.
Directiva: son atributos que se agregan a los elementos HTML, por lo regular comienzan con ng-.
Módulo: podemos verlo como un paquete en java.
Controlador: es el nombre de una función que se ejecuta cuando se carga el código html que tiene la directiva ng-controller.
$scope: es la variable de AngularJS donde se guarda toda la información de Javascript de la página.
Angular sólo muestra en el HTML mediante {{ }} el valor de las variables definidas en $scope, no de todas las variables.
$rootScope: es el scope del que heredan los demás scopes, una variable o función agregada a él es accesible por todos los controladores.
Directivas.
ng-model: asocia el valor de una variable con el elemento HTML.
ng-show: permite que un elemento de la página se haga visible.
ng-repeat: hace un ciclo sobre un objeto.
ng-bind: enlaza un valor del scope con un elemento html sin necesidad de {{ }}
Módulos.
Un módulo como un paquete en Java, aquí se agregarán artefactos que podemos usar en otros lados.
Los Artefactos que pueden ir dentro de un módulo son:
- Controladores.
- Directivas.
- Filtros.
- Constantes.
- Config.
- Run.
- Etc.
Servicio $http.
Un servicio no tiene relación directa con la página, más bien, es un objeto Javascript que nos permite obtener información. El servicio $http nos permite hacer peticiones AJAX a un servidor. Ejemplo, ocuparlo para hacer peticiones Webservices enviándole algunos parámetros y obteniendo los datos solicitados. Un Webservice podría hacer la función de controlador (hablando en términos de Java).
Servicio $routeProvider.
El servicio tiene dos métodos:
- when: Asocia una ruta con una página HTML.
- otherwise: Indica a qué ruta debemos redirigirnos cuando hay una ruta desconocida.
El código de la página se agregará dónde coloquemos el siguiente elemento. El servicio $location ayuda a definir el path al que queremos ir. Para que funcione, se debe agregar a nuestro módulo el módulo ng-route con su respectivo archivo js.
No hay comentarios:
Publicar un comentario