AngularJS
 | |
| Tipus | Entorn de desenvolupament web |
|---|---|
| Versió inicial | 20 octubre 2010  |
| Versió estable | 1.8.3 (7 abril 2022)
|
| Llicència | llicència MIT |
| Característiques tècniques | |
| Plataforma | plataforma web |
| Escrit en | JavaScript |
| Equip | |
| Creador/s | Miško Hevery a l'empresa Brat Tech LLC |
| Desenvolupador(s) | |
Fonts de codi | |
| Més informació | |
| Lloc web | angularjs.org (anglès) |
| Stack Exchange | Etiqueta |
| Free Software Directory | AngularJS |
| Id. Subreddit | angularjs |
|
| |
 | |
AngularJS (o també Angular.js) és un entorn de treball per a aplicacions web de codi lliure mantingut per l'empresa Google i per una comunitat de particulars i empreses. AngularJS s'adeça a desenvolupar aplicacions d'una única pàgina. L'bjetiu és augmentar les aplicaciones basades en navegador amb capacitat de Modelo Vista Controlador (MVC), en un esforç de millorar el desenvolupament i la depuració. AngularJS forma part del programari anomenat MEAN, juntament amb MongoDB, express.js i Node.js [1] [2] [3] [4]
Directives AngularJS
Les directives són marques en els elements de l'arbre DOM, en els nodes de l'HTML, que indiquen al compilador d'Angular el comportament d'aquests elements. Són útils per a definir nous codis html —com botons o, per exemple— un footer complet, i tambié per a crear concptes més complexos que incloguin funcions o variables dinàmiques definides directament dins DOM.
Directives Nadiues
| Directiva | Descripció |
|---|---|
| ngApp (ng-app) | És la directiva que s'encarrega d'arrancar una aplicació Angular tot indicant l'element arrel. |
| ngController (ng-controller) | És la directiva que permet indicar la vista on treballa el nostre controlador. |
| ngModel (ng-model) | És la directiva que representa el modelo o dato, permite obtener la información ingresada por el usuario en algún elemento del formulario, sea un input, select o textarea. |
| ngClick (ng-click) | Aquesta directiva trabaja directamente relacionado al evento click, se le puede asociar alguna funcionalidad en cuanto el usuario haga click sobre algún elemento. |
| ngInit (ng-init) | Aquesta directiva permite evaluar una expresión en el scope donde se esta trabajando |
| ngRepeat (ng-repeat) | Aquesta directiva permite iterar una colección de datos, generar un template por cada elemento de la colección y pintarlo en la vista, cada template o plantilla recibe su propio ámbito ($scope). |
| ngChange (ng-change) | Aquestadirectiva detecta cualquier cambio que se produzca dentro de una etiqueta de entrada, sean inputs, checkbox, etc., la forma de usarla es la siguiente. |
| nShow (ng-show) | ngHide (ng-hide) | Aquestes directivas permiten mostrar y ocultar alguna parte de la vista según la condición que le asignemos. Como seguramente todos ya deben saber ngShow permite mostrar y ngHide permite ocultar, |
| ngBind (ng-bind) | Aquesta directiva cumple la misma funcionalidad que las llaves {{}}, sin embargo, ng-bind tiene una mejor performance en cuanto a tiempo |
Directives Pròpies
Malgrat que Angular té implementades un gran nombre de directives, es poden crear directives definides per l'usuari.
Vegeu també
Referències
- ↑ «AngularJS — Superheroic JavaScript MVW Framework» (en anglès). https://angularjs.org/.+[Consulta: 14 juny 2017].
- ↑ «AngularJS Tutorial» (en anglès). https://www.w3schools.com.+[Consulta: 14 juny 2017].
- ↑ «Angular Docs» (en anglès). https://angular.io/.+[Consulta: 14 juny 2017].
- ↑ «Angular 1.x Lessons - Screencast Video Tutorials» (en anglès). https://egghead.io.+[Consulta: 14 juny 2017].