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
Implementare l'infinite scroll con QuickGrid in Blazor Server
Ottimizzare il mapping di liste di tipi semplici con Entity Framework Core
Filtrare e rimuovere gli elementi dalla cache del browser tramite le API JavaScript
Come EF 8 ha ottimizzato le query che usano il metodo Contains
Reactive form tipizzati con modellazione del FormBuilder in Angular
Recuperare un elemento inserito nella cache del browser tramite API JavaScript
Eseguire query manipolando le liste contenute in un oggetto mappato verso una colonna JSON
Utilizzare le collection expression in C#
Usare le collection expression per inizializzare una lista di oggetti in C#
Modificare i metadati nell'head dell'HTML di una Blazor Web App
Potenziare Azure AI Search con la ricerca vettoriale
Configurare policy CORS in Azure Container Apps