Negli script precedenti abbiamo visto come utilizzare AngularJS in fase di binding, utilizzando dati finti e inseriti direttamente nel codice.
E' arrivato il momento di iniziare ad utilizzare dati provenienti da un server, utilizzando uno dei servizi built-in di AngularJS, cioè $http.
Prendendo spunto dal controller utilizzato nello script #138, creeremo questo codice:
var peopleModule = angular.module('peopleModule', []); peopleModule.controller('peopleController', function ($scope, $http) { $http.get('/services/people.json').success(function(data) { $scope.people = data; }); });
people.json è un semplice file con un contento dinamico, come il seguente:
[ {'name': 'Stefano Mostarda', 'age': 20 }, {'name': 'Daniele Bochicchio', 'age': 25 } ]
La chiamata ad $http.get effettua una chiamata all'URL specifica in GET e ritorna una promise, che intercettiamo attraverso il metodo success in caso di riuscita. Il servizio $http è iniettato attraverso la Dependency Injection, per cui AngularJS offre già un motore e che ci consente di separare al meglio i vari strati.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Utilizzare le Cache API di JavaScript per salvare elementi nella cache del browser
Sfruttare i KeyedService in un'applicazione Blazor in .NET 8
Usare lo spread operator con i collection initializer in C#
Evitare la command injection in un workflow di GitHub
Utilizzare politiche di resiliency con Azure Container App
Utilizzare Tailwind CSS all'interno di React: installazione
Code scanning e advanced security con Azure DevOps
Determinare lo stato di un pod in Kubernetes
Recuperare un elemento inserito nella cache del browser tramite API JavaScript
Reactive form tipizzati con FormBuilder in Angular
Utilizzare la libreria Benchmark.NET per misurare le performance
Miglioramenti nell'accessibilità con Angular CDK