Le direttive, sono dei marcatori che definiscono un determinato comportamento per un elemento HTML.
Possono essere utilizzati come attributi (A), come elementi (E) o come classi CSS (C)
In particolare, la direttiva ng-app definisce il contesto della nostra applicazione, lo spazio in cui andrà ad agire.
Ad esempio una direttiva, ng-model, definisce un modello di dati associato all'elemeneto associato. Immaginiamo come se ng-model definisse una sorta di variabile a cui viene automaticamente assegnato il valore presente nella casella di testo. Questo meccanismo è chiamato data binding.
| Componente | Descrizione |
|---|---|
| View | Rappresenta quello che l’utente vede, l’interfaccia grafica generata a partire da un template HTML elaborato da Angular. |
| Controller | È un oggetto JavaScript che espone dati e funzionalità ad una view. |
| Filtro | È una funzione che formatta il valore di un’espressione per la visualizzazione su una view, come ad esempio la formattazione di una data o di un numero o la selezione di un sottoinsieme di elementi di un array. |
| Direttiva | È un componente che estende l’HTML con tag ed attributi personalizzati; è l’unico componente autorizzato a manipolare il DOM via JavaScript |
| Servizio | È un oggetto che fornisce funzionalità indipendenti dall’interfaccia grafica, come ad esempio l’accesso al server via HTTP. |