Workshop angular
Upcoming SlideShare
Loading in...5
×
 

Workshop angular

on

  • 133 views

 

Statistics

Views

Total Views
133
Views on SlideShare
132
Embed Views
1

Actions

Likes
0
Downloads
2
Comments
0

1 Embed 1

http://www.slideee.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Workshop angular Workshop angular Presentation Transcript

  • AngularJS A 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