Angular.js è un framework JavaScript open-source utilizzato principalmente per sviluppare applicazioni web mono-pagina. Esso introduce il concetto di two-way data binding che permette un’aggiornamento automatico e immediato del modello non appena l’utente modifica la view e viceversa. Angular.js inoltre semplifica lo sviluppo e il testing di applicazioni fornendo un framework per l’architettura client-side delle applicazioni web.
Per utilizzare Angular.js, devi prima includerlo nel tuo progetto. Questo può essere fatto scaricando il file JavaScript da AngularJS.org o utilizzando un Content Delivery Network (CDN).
Una tipica applicazione Angular.js è composta da diversi componenti:
1. Moduli: Questi sono contenitori che raccolgono diverse parti della tua app. Normalmente, un modulo è composto da controller, servizi, filtri, direttive, ecc.
1. Controller: Questi sono usati per configurare l’oggetto $scope, che è essenzialmente il modello del tuo modulo. Tutte le variabili definite all’interno del controller sono disponibili nel modulo.
1. Direttive: Queste estendono l’HTML aggiungendo nuovi attributi specifici per l’applicazione.
1. Espressioni: Queste sono usate per legare i dati all’HTML, e sono delimitate da doppie parentesi graffe {{ }}.
1. Scope: Questo è l’oggetto che funge da collegamento tra il controller e la view. È un oggetto con metodi e proprietà che sono disponibili sia nel controller che nel view.
Un tipico esempio di utilizzo di Angular.js potrebbe essere:
```
In questo esempio, il nome dell’utente viene legato alla variabile “name” tramite l’attributo ng-model. Quando l’utente digita nel campo input, la proprietà name viene automaticamente aggiornata e visualizzata nel tag h1.
