English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
AngularJS è un framework web open source. È stato sviluppato originariamente da Misko Hevery e Adam Abrons nel 2009 e ora è mantenuto da Google. La versione più recente è 1.2.21.
La definizione di AngularJS nella documentazione ufficiale è la seguente -
AngularJS è una struttura di framework per applicazioni web dinamiche. Ti permette di utilizzare HTML come linguaggio di modello e di estendere la sintassi di HTML per esprimere chiaramente e concisamente i componenti dell'applicazione. La binding dei dati e l'iniezione di dipendenze eliminano molti codici che devi scrivere. Tutto questo avviene all'interno del browser, rendendolo un partner ideale per qualsiasi tecnologia server.
Le funzionalità generali di AngularJS sono le seguenti -
AngularJS è un framework efficiente per creare applicazioni internet ricche (RIA).
AngularJS offre agli sviluppatori la possibilità di scrivere applicazioni client utilizzando JavaScript in un modo Model View Controller (MVC) pulito.
Le applicazioni scritte con AngularJS sono compatibili con i browser multipli. AngularJS gestisce automaticamente il codice JavaScript adatto a ciascun browser.
AngularJS è open source, completamente gratuito e utilizzato da migliaia di sviluppatori in tutto il mondo. È rilasciato sotto licenza Apache 2.0.
In generale, AngularJS è una struttura di framework utilizzata per costruire applicazioni web su larga scala, ad alta performance e facili da mantenere.
Le funzionalità principali di AngularJS sono le seguenti -
Data-binding − È la sincronizzazione automatica dei dati tra componenti modello e vista.
Scope − Questi sono oggetti che si riferiscono al modello. Servono da colla tra controller e vista.
Controller − Questi sono funzioni JavaScript legate a un ambito specifico.
Servizi − AngularJS include alcuni servizi integrati, come $http per generare XMLHttpRequests. Questi sono oggetti singleton, che vengono istanziati una sola volta nell'applicazione.
Filtri − Queste selezionano un sottoinsieme di elementi dall'array e restituiscono un nuovo array.
Direttive − Gli pseudo-comandi sono etichette sui elementi DOM (ad esempio elementi, attributi, css, ecc.). Questi possono essere utilizzati per creare etichette HTML personalizzate che fungono da nuovi widget personalizzati. AngularJS ha direttive integrate come ngBind, ngModel, ecc.
Template − Queste sono viste renderizzate con informazioni provenienti dal controller e dal modello. Possono essere file singoli (ad esempio index.html) o utilizzandoPartialiViste multiple in una pagina.
Routing − È il concetto di commutare la vista.
Model View Whatever −
MVW è un modello di progettazione utilizzato per dividere l'applicazione in diverse parti, chiamate modello, vista e controller, ognuna con ruoli diversi. AngularJS non implementa il MVC tradizionale, ma è più vicino a MVVM (Model-View-ViewModel). Angular
Il team JS lo chiama umoristicamente 'Model View'.
Deep Linking − Il deep linking permette di codificare lo stato dell'applicazione nell'URL, in modo che possa essere aggiunto come segnalibro. Poi è possibile ripristinare l'applicazione allo stesso stato dall'URL.
Iniezione di Dipendenze − AngularJS ha un sottosistema di iniezione di dipendenze integrato, che aiuta gli sviluppatori a creare, comprendere e testare facilmente le applicazioni.
La seguente figura descrive alcune parti importanti di AngularJS, che discuteremo in dettaglio nei capitoli successivi.
I vantaggi di AngularJS sono -
Fornisce la funzionalità di creare applicazioni web single-page in modo pulito e mantenibile.
Fornisce la funzionalità di binding dei dati a HTML. Pertanto, offre agli utenti un'esperienza ricca e veloce.
Il codice di AngularJS può essere testato unitariamente.
AngularJS utilizza l'iniezione di dipendenze e sfrutta la separazione delle preoccupazioni.
AngularJS fornisce componenti riutilizzabili.
Utilizzando AngularJS, gli sviluppatori possono implementare più funzionalità con codice breve.
Nell'AngularJS, le viste sono pagine HTML puro, con controller scritti in JavaScript che eseguono il trattamento aziendale.
Soprattutto, le applicazioni AngularJS possono funzionare su tutti i principali browser e smartphone, inclusi telefoni e tablet basati su Android e iOS.
Nonostante AngularJS abbia molti vantaggi, ci sono alcune cose da notare-
Sicurezza − Come framework JavaScript puro, le applicazioni scritte in AngularJS non sono sicure. L'autenticazione e l'autorizzazione sul lato server sono condizioni necessarie per garantire la sicurezza dell'applicazione.
Non funzionante − Se gli utenti del tuo applicazione hanno disabilitato JavaScript, oltre alla pagina di base, tutto il resto non sarà visibile.
Il framework AngularJS può essere diviso in tre parti principali-
ng-app − Questa istruzione definisce l'applicazione AngularJS e la collega all'HTML.
ng-model − Questa pseudo-istruzione lega il valore dei dati dell'applicazione AngularJS ai controlli di input HTML.
ng-bind − Questa istruzione lega i dati dell'applicazione AngularJS ai tag HTML.