AngularJS ha una struttura modulare che ci permette di creare singoli componenti che messi insieme formano un'applicazione completa e facilmente manutenibile. Uno tipo di modulo che possiamo crare è il servizio. Un servizio è una oggetto che può offrire metodi di helper o di business o memorizzare variabili globali, o altro ancora, che possono essere riusati in diverse parti dell'applicazione. Un tipico caso in cui si crea un servizio è per il colloquio con le API server così da mascherare ai controller la complessità delle chiamate web.
myModule.factory('peopleService', ['$http', function($http){ var factory = {}; factory.getPeople = function() { //invoca servizio } return factory; }]);
La funzione che costruisce il servizio istanzia un oggetto, gli attacca un metodo e poi ritorna direttamente l'oggetto. Poiché la funzione restituisce un oggetto, il servizio è "statico" cioè otteniamo sempre la stessa istanza dell'oggetto factory. questo torna comodo quando vogliamo memorizzare delle variabili che vivano epr tutta l'applicazione.
All'interno del controller possiamo usare il nostro servizio nel seguente modo:
myModule.controller('peopleController', function($scope, peopleService) { $scope.getPeopleFromAPI = function() { peopleService.getPeople() .then(function(res) { $scope.people = res; }); } });
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Eseguire attività con Azure Container Jobs
Eseguire una query su SQL Azure tramite un workflow di GitHub
Generare token per autenicarsi sulle API di GitHub
Utilizzare le collection expression in C#
Evitare (o ridurre) il repo-jacking sulle GitHub Actions
Disabilitare automaticamente un workflow di GitHub (parte 2)
Paginare i risultati con QuickGrid in Blazor
Gestire liste di tipi semplici con Entity Framework Core
Utilizzare politiche di resiliency con Azure Container App
Gestire undefined e partial nelle reactive forms di Angular
Creazione di componenti personalizzati in React.js con Tailwind CSS
Eseguire query manipolando le liste contenute in un oggetto mappato verso una colonna JSON