Несколько файлов JSON в одном сервисе (AngularJS)

Question

У меня есть служба в моем угловом приложении, которое собирает файл JSON с данными футбольной команды.

angular.module('UsersApp').factory('SquadService', ['$http', function($http) { 

    return $http.get('squad/squad-bournemouth.json') 
      .success(function(data) { 
       return data; 
      }) 
      .error(function(err) { 
       return err; 
      }); 
}]); 

1. Можно ли получить ту же услугу (SquadService), чтобы вернуть данные из нескольких файлов в формате JSON?

2. Возможно ли это?

3. Если да, то как бы вы сделали несколько функций $http.get в том же сервисе? Если нет, будет ли это просто иметь отдельную услугу для каждого массива отрядов и вызвать их все индивидуально в контроллере, например ...?

   bournemouthService.success(function(data) { 
   $scope.bournemouthSquad = data; 
   }); 
   
   arsenalService.success(function(data) { 
       $scope.arsenalSquad = data; 
   }); 
   
   chelseaService.success(function(data) { 
        $scope.chelseaSquad = data; 
   }); 
   
   // and so on... 
   

Это кажется, что это идет вразрез с DRY принцип кода, так что хотел бы знать, если есть лучший способ сделать это?

Заранее спасибо

Answer 1

Я думаю, в вашем случае это будет иметь смысл создать единую функцию, которую можно повторно использовать для каждой команды, просто проходя по параметру, вместо создания функции для каждой команды (что произойдет, когда команды вылетает/повышены):

angular.module('UsersApp').factory('SquadService', ['$http', function($http) { 

    var getTeam = function(url){ 
    return $http.get(url); // returns a promise 
    }; 

    return { 
    getTeam : getTeam 
    } 
}]); 

И в вас контроллере:

SquadService.getTeam('squad/squad-bournemouth.json').then(
    function(data){ 
    // successcallback 
    $scope.bournemouthSquad = data; 
    }, 
    function(error){ 
    // errorcallback 
    }); 

Я думаю, что этот подход является немного более общим так как вам не нужно создавать новую функцию для каждой команды, но просто можно передать URL-адрес в качестве параметра.

Чтобы сохранить все ваши адреса в одном месте и сделать его более повторного использования, вы можете рассмотреть вопрос о размещении их в постоянной:

angular.module('UsersApp').constant('PLUrl', { 
    bournemouth: 'squad/squad-bournemouth.json', 
    arsenal: 'squad/squad-arsenal.json', 
});