Как использовать службу с запросом Http в Angular JS

Question

Я использую AngularJS для создания своего веб-приложения, я всегда использовал контроллеры для запроса HTTP, что упрощает и упрощает для меня.

Но для лучшей структуры кода и лучшего выполнения для моего приложения я хотел использовать службы вместо контроллеров для использования веб-службы.

Я попытался сделать:

var app = angular.module('ofcservices', []); 
app.factory('news', ['$http', function ($http) { 
    var news={}; 

    news.getnews= function() { 
     return $http.get('http://int.footballclub.orange.com/ofc/news?offset=0&limit=5'); 
    }; 

    return news; 
}]); 

и код контроллера:

.controller('news', function($scope, ofcservices) { 
    $scope.news = ofcservices.getnews(); 
}) 

Все, кажется, не так ли?

Answer 1

ofcservices.getnews()is a promise Вам нужно управлять с помощью функции Sucess и ошибок

ofcservices.getnews(). 
    success(function(data) { 
    $scope.news=data 
    }). 
    error(function(data, status, headers, config) { 
    //show a error 
    }); 

как изменение Weel app.factory('news' к app.factory('newsFactory' и назвать его в controller('news', function($scope, newsFactory) {

Вы можете получить больше данных о promise in the angular documentation

Answer 2

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

Но ваш контроллер и служба имеют одно и то же имя news, что НЕОБХОДИМО :-), и вам необходимо ввести newsService, а не имя модуля.

.controller('newsController', function($scope, newsService) { 
    newsService.getnews().then(
     function(newsData) { 
     $scope.newsData = newsData 
     }, 
     function optionalErrorhandler() {}); 
}) 

Answer 3

angular 
      .module('MyApp', []) 
      .controller('MyController', MyController) 
      .factory('MyService', MyService); 

      MyController.$inject = ['$scope','MyService']; 
      MyService.$inject = ['$http']; 

      function MyService($http){ 
       var service = { 
        var myServiceFunction : function(){ 
         $http({ 
          // your http request on success return the data. 
         }).success(function(data)){ 
          return data; 
         }); 
        } 
       }; 
       return service; 

      } 

function MyController($scope, MyService){ 
    MyService.myServiceFunction(); //Call service from the controller. 
}