角工廠僅返回部分資源響應

Question

我有一個Angular工廠DogePrice ：

.factory('DogePrice', ['$resource', function ($resource) {
    return $resource("https://chain.so/api/v2/get_info/DOGE");
}])

典型的api響應如下：

{
  "status" : "success",
  "data" : {
    "name" : "Dogecoin",
    "acronym" : "DOGE",
    "network" : "DOGE",
    "symbol_htmlcode" : "Ð",
    "url" : "http://www.dogecoin.com/",
    "mining_difficulty" : "18661.80200222",
    "unconfirmed_txs" : 7,
    "blocks" : 1119625,
    "price" : "0.00000046",
    "price_base" : "BTC",
    "price_update_time" : 1453938374,
    "hashrate" : "1289658619826"
  }
}

這是JSfiddle示例

如何創建僅返回data.price字段的工廠？ 我想要一個只有$scope.price = DogePrice.get();的干凈控制器$scope.price = DogePrice.get(); 或類似的東西。

Answer 1

不要使用$resource對象的promise返回。 在這種情況下，您應該使用promise模式從工廠獲取數據。

廠

.factory('DogePrice', ['$resource', function ($resource) {
   var myResource = $resource("https://chain.so/api/v2/get_info/DOGE")
   var getData = function(){
      return myResource.get().$promise.then(function(response){
          //here you have control over response
          //you could return whatever you want from here
          //also you could manipulate response OR validate data
          return response.data;
      });
   } 
   return {
     getData: getData
   }
}])

調節器

DogePrice.getData().then(function(data){
   $scope.price = data;
});