workshop angular
DESCRIPTION
TRANSCRIPT
AngularJSA superheroic MVW framework
@emidio_croci
Un framework?
Ma non c’è Jquery?
Lato client?
- scarsa manutenibilità codice - no Separation of Concern - testabilità ridotta
Ci sarebbe ma….
MVW?
Un altro pattern :-( No dai….
Model View WHATEVER
Services
Directives
Controllers
Views
Filters
AngularJS
Factories
View Controller
Factories
$scope
Filters
Directives Services
$scope
“Scope is the glue between application controller and the view”
ovvero
Il contesto di esecuzione delle nostre espressioni
espressioni
codice javascript-like utilizzato per binding tra view e modello
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
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
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