After successfully creating a service that retrieves data from a local JSON file and uses it in a controller to display it in the browser, everything seems to be working well. Here is the code snippet:
JavaScript Code:
var myApp = angular.module("myApp", ['ngRoute']);
myApp.service("dataService", function($http, $q){
var deferred = $q.defer();
$http.get('json/link.json').then(function(data){
deferred.resolve(data);
});
this.getData = function(){
return deferred.promise;
}
})
.controller("linkCtrl", function($scope, dataService) {
var promise = dataService.getData();
promise.then(function(data) {
$scope.links = data.data;
});
});
Now I have another JSON link (e.g. json/link2.json) and would like to achieve the same functionality without creating a new service. Is there a way to modify the "dataService" service to work with different JSON data sources?
I'm looking for an approach to repurpose the Service rather than duplicating its functionality. Any suggestions on how I can reuse the Service for handling various types of JSON data?
Thank you in advance!