La prima Single Page Application con AngularJS
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
Filtering sulle colonne in una QuickGrid di Blazor
Creare alias per tipi generici e tuple in C#
Supportare lo HierarchyID di Sql Server in Entity Framework 8
Eseguire query per recuperare il padre di un record che sfrutta il tipo HierarchyID in Entity Framework
Esporre i propri servizi applicativi con Semantic Kernel e ASP.NET Web API
Recuperare l'ultima versione di una release di GitHub
Sfruttare al massimo i topic space di Event Grid MQTT
Eseguire script pre e post esecuzione di un workflow di GitHub
Creazione di plugin per Tailwind CSS: espandere le funzionalità del framework dinamicamente
Usare i servizi di Azure OpenAI e ChatGPT in ASP.NET Core con Semantic Kernel
Migliorare i tempi di risposta di GPT tramite lo streaming endpoint in ASP.NET Core
Usare lo spread operator con i collection initializer in C#
