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