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
Accesso sicuro ai secrets attraverso i file in Azure Container Apps
Autenticarsi in modo sicuro su Azure tramite GitHub Actions
Semplificare il deployment di siti statici con Azure Static Web App
Ottimizzare il mapping di liste di tipi semplici con Entity Framework Core
Utilizzare un service principal per accedere a Azure Container Registry
Eseguire operazioni con timeout in React
Potenziare Azure AI Search con la ricerca vettoriale
Usare Refit e Polly in Blazor per creare client affidabili e fortemente tipizzati
Utilizzare le Cache API di JavaScript per salvare elementi nella cache del browser
Utilizzare la session affinity con Azure Container Apps
Effettuare il deploy di immagini solo da container registry approvati in Kubernetes
Configurare policy CORS in Azure Container Apps
I più letti di oggi
- Riordinare le righe di una GridView di ASP.NET con jQuery
- Creazione di un alarm con suono personalizzato con Windows Phone 7.1
- Utilizzare la session affinity con Azure Container Apps
- Blue-green deployment con Azure Web App e DevOps
- Ed infine anche il calendario :)
- Configurare la diagnostica di Azure attraverso Visual Studio
- Recuperare la data di creazione di un tag tramite una pipeline YAML di Azure DevOps
- Microsoft Security Bulletin MS05-002
- .NET Core e dispositivi IoT
- Eseguire attività pianificate con Azure Container Jobs