角型工場からobjを返すことはできません

Question

これは私の工場出荷時のサービスです。私のコントローラで

(function() { 
    var appfactory = angular.module("RoyalApp"); 
    appfactory.factory('packService', packService); 

    packService.$inject = ['varsService', '$http']; 

    function packService(varsService, $http) { 

     var packages = { 

      getPackages: function() { 
       $http({ 
        method: "GET", 
        url: "http://localhost:63666/api/Package?customer_id=" + varsService.dataObj._id 
       }).then(function mySuccess(response) { 
        return response.data; 
       }, function myError(response) { 

       }); 
      } 
     } 
     return packages; 
    } 
})(); 

はまた、私はクロームコンソールにはエラーがないし、私のhttp responeが正しいこの

vm.packages = packService.packages.getPackages(); 

を試してみました

var vm = this; 
vm.packages = packService.packages.getPackages; 

コントローラの範囲内でそれらを格納するためにこれを使用します.i単に応答を返すことはできません。

Answer 1

それは次のようになります。

packService.getPackages().then(function(packages) { 
    vm.packages = packages; 
}); 

そしてgetPackagesが約束返さなければならないことに注意してください：ノートの

getPackages: function() { 
    return $http({ 
     method: "GET", 
     url: "http://localhost:63666/api/Package?customer_id=" + varsService.dataObj._id 
    }).then(function mySuccess(response) { 
     return response.data; 
    }, function myError(response) { 

    }); 
} 

カップル。 packServiceの公開APIには単一のメソッドgetPackagesが含まれています。これはあなたが呼び出す必要があります。次に、データがロードされたときに呼び出されるコールバック（thenメソッド付き）を提供するために使用する約束オブジェクトを返します。

Answer 2

コントローラは

angular.module('myApp', []) 
     .controller('MyCtrl', ['$scope' 'packService', function($scope, packService){ 
      var vm = this; 
      packService.getPackages().then(function(packages) { 
      vm.packages = packages; 
      }); 
     }]); 

Answer 3

あなたは無名関数の代表者で名前を入れるべきではありません。 'mySuccess' & 'myError'を削除して、もう一度やり直してください（私の前の解答で述べたように、あなたのコントローラーの約束どおりに返品を処理することを忘れないでください）。

getPackages: function() { 
      $http({ 
       method: "GET", 
       url: "http://localhost:63666/api/Package?customer_id=" + varsService.dataObj._id 
      }).then(function (response) { 
       return response.data; 
      }, function (response) { 

      }); 
     }