AngularJS è un framework JavaScript che semplifica la creazione di applicazioni di tipo SPA (Single Page Application), introducendo nella programmazione lato client alcuni concetti apprezzati dagli sviluppatori desktop, come un motore di template client side, un databinding molto potente e il supporto ai pattern MVC/MVVM.
AngularJS è gratuito e può essere scaricato da questo indirizzo:
http://angularjs.org/
Per cominciare a creare la nostra prima SPA, diamo un'occhiata a come poter comporre una semplice pagina che, grazie all'uso del binding, ci consenta di iniziare a saggiare le potenzialità.
<!DOCTYPE html> <html ng-app> <head> <script src="angular.min.js"></script> </head> <body> <div> <input type="text" ng-model="firstName" placeholder="Come ti chiami?" /> <p>Ciao {{firstName}}</p> </div> </html>
Possiamo notare alcuni attributi nel markup:
- ng-app: per indicare che quella che abbiamo appena creato è un'app per AngularJS
- ng-model: per legare le proprietà di default di un tag (in questo caso value) ad una proprietà del modello
In mancanza di un controller e di un modello definiti esplicitamente (lo faremo nei prossimi script), ne viene creato automaticamente uno per noi.
Possiamo notare la sintassi di binding, che è contraddistinta dal formato {{nomeProp}} e che rende molto semplice iniziare a comporre layout dinamici lato client. Questa stessa potenza ci consentirà di comporre questi layout senza necessità di scrivere sempre complesse routine JavaScript.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Catturare la telemetria degli eventi di output cache in ASP.NET Core
Determinare lo stato di un pod in Kubernetes
Configurare policy CORS in Azure Container Apps
Ottimizzare la latenza in Blazor 8 tramite InteractiveAuto render mode
Utilizzare flat e flatMap per appiattire array innestati in array
Semplificare il deployment di siti statici con Azure Static Web App
Effettuare il pull di git LFS in un workflow di GitHub
Utilizzare domini personalizzati gestiti automaticamente con Azure Container Apps
Usare il versioning con i controller di ASP.NET Core Web API
Generare token per autenicarsi sulle API di GitHub
Sostituire la GitHub Action di login su private registry
Utilizzare database e servizi con gli add-on di Container App