1. AngularJS
A superheroic MVW framework
@emidio_croci

2. Un framework?
Ma non c’è Jquery?
Lato client?

3. - scarsa manutenibilità codice
- no Separation of Concern
- testabilità ridotta
Ci sarebbe ma….

4. MVW?
Un altro pattern :-(
No dai….

5. Model View
WHATEVER

6. Services
Directives
Controllers
Views
Filters
AngularJS
Factories

7. View Controller
Factories
$scope
Filters
Directives Services

8. $scope
“Scope is the glue between application
controller and the view”
ovvero
Il contesto di esecuzione delle nostre
espressioni

9. espressioni
codice javascript-like utilizzato per
binding tra view e modello

10. Recap
1. Dichiariamo i moduli utilizzando la sintassi
angular.module(‘module’, [‘p’, function()])
2. $scope eredita da $rootScope
3. $apply permette di eseguire operazioni esterne
all’interno del contesto di angular
4. Non esageriamo con i $watch!
5. ng-repeat non ama i duplicati

11. Direttive
Semplicemente, tag attributi o classi
A cosa servono?
Indicano ad angular che l’elemento
relativo a delle funzionalità particolari
definite dall’utente e permettono la
manipolazione del DOM

12. Recap
Non usare i controller per la
manipolazione del DOM!
usare il controller per la
comunicazione tra direttive
usare funzione link per aggiungere
funzionalità alla direttiva