Workshop angular

382 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
382
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Workshop angular

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

×