컨트롤러 angularJS 팩토리에 주입 공장

Question

angularJS 팩터 및 컨트롤러에 문제가 있습니다 공장에서 http 응답을 받고 컨트롤러 에 API 응답을 사용하고 싶지만 공장을 처리하고 컨트롤러에 주입하는 방법을 모릅니다.

.controller('PlaylistsCtrl', function ($scope, $http) { 
$http({ method: 'GET', url: "https://www.googleapis.com/blogger/v3/blogs/1309320265504420965/posts?key=***************" }). 
    success(function (data, status, headers, config) { 
     // this callback will be called asynchronously 
     // when the response is available 
     for (var i =0; i < data.items.length;i++) 
     { 

     var m, 
     urls = [], 
     str = data.items[i].content, 
     rex = /(https?:\/\/.*\.(?:png|jpg))/g; 

     while (m = rex.exec(str)) { 
      urls.push(m[1]); 
      data.items[i].ImageURL = urls[0]; 
      } 
      //data.items[i].ImageURL = urls[0]; 
     } 
     $scope.playlists = data.items; 
    }). 
    error(function (data, status, headers, config) { 
     // called asynchronously if an error occurs 
     // or \\server returns response with an error status. 
    }); 
}) 

Answer 1

나는 당신이 무엇을 찾고 있는지 확실하지 않지만 http 호출을 반환함으로써 언제나 약속을 되돌릴 수 있습니다. 다음 컨트롤러에서 그 약속을 잡고 그것으로 뭔가를 할 : 예를 들어

: apiService.js

(function(app) { 
    "use strict"; 

    app.factory("apiService", ["$http", function($http) { 
     var get = function(url, config) { 
      return $http.get(url, config); 
     }; 

     var post = function(url, data, config) { 
      return $http.post(url, data, config); 
     }; 

     var put = function(url, data, config) { 
      return $http.put(url, data, config); 
     }; 

     var remove = function(url, config) { 
      return $http.delete(url, config); 
     }; 

     return { 
      get: get, 
      post: post, 
      put: put, 
      remove: remove 
     }; 
    }]); 
})(_app); 

및 컨트롤러에 바로 서비스를 주입 :

(function(app) { 
    "use strict"; 

    app.controller("MyCtrl", ["$scope", "apiService", function($scope, apiService) { 

      $scope.getData = function() { 
       apiService.get("/server/data").success(function(data) { 
        console.log(data); 
       }).error(function(err) { 
        console.log(err); 
       }); 
      }; 
     } 
    ]); 
})(_app); 

옵션 (응용 프로그램을. js) :

var _app = _app || {}; 

(function() { 

    "use strict"; 

    _app = angular.module("myApp", []); 
})();