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
Sostituire la GitHub Action di login su private registry
Eseguire attività basate su eventi con Azure Container Jobs
Usare le collection expression per inizializzare una lista di oggetti in C#
Semplificare il deployment di siti statici con Azure Static Web App
Eseguire le GitHub Actions offline
Cambiare la chiave di partizionamento di Azure Cosmos DB
Modificare i metadati nell'head dell'HTML di una Blazor Web App
Sviluppare un'interfaccia utente in React con Tailwind CSS e Preline UI
Ottenere il contenuto di una cartella FTP con la libreria FluentFTP
Sfruttare i KeyedService in un'applicazione Blazor in .NET 8
Limitare le richieste lato server con l'interactive routing di Blazor 8
Eseguire una query su SQL Azure tramite un workflow di GitHub