Получение данных json с фабрикой

Question

Я пытаюсь узнать, как извлекать данные внутри фабрики. В настоящее время я использую выборки данных с контроллером

factory.js

angular 
    .module('app') 
    .factory('Product', ['$http', function($http){ 
     return{ 
      get: function(){ 
       return $http.get('https://raw.githubusercontent.com/vicariosinaga/learn/master/products.json').then(function(response){ 
        return response.data; 
       }); 
      } 
     }; 
    }]) 

деталь-poduct.js

angular 
     .module('app') 
     .controller('productDetailsCtrl',['$scope','$stateParams', 'Product', function($scope,$stateParams,Product){ 
      $scope.id=$stateParams.id; 
      Product.get().then(function(data) { 
       $scope.singleItem = data.filter(function(entry){ 
        return entry.id === $scope.id; 
       })[0]; 
      }); 
}]); 

продукта detail.html

<a href="{{singleItem.url}}"> 
<p>{{singleItem.id}}</p>  
<p>{{singleItem.name}}</p> 
<img src="{{singleItem.image}}" alt="{{singleItem.name}}"> 
</a>  

, но когда я измените код, чтобы переместить fecthing внутри фабрики, как это factory.js

return{ 
      get: function(){ 
       return $http.get('https://raw.githubusercontent.com/vicariosinaga/learn/master/products.json').then(function(response){ 
        return response.data; 
       }); 
      }, 
      find: function(){ 
       return $http.get('https://raw.githubusercontent.com/vicariosinaga/learn/master/products.json').then(function(response){ 
        var singleItem = data.filter(function(entry){ 
         return entry.id === id; 
        })[0]; 
       }); 
      } 
     }; 

деталь-product.js

angular 
    .module('app') 
    .controller('productDetailsCtrl',['$scope','$stateParams', 'Product', function($scope,$stateParams,Product){ 
     Product.find($stateParams.product,function(singleItem){ 
      $scope.singleItem = singleItem; 
     }); 
}]); 

это дает мне ошибку, что данные не определена.

Answer 1

Вы забыли вернуть singleItem с find способ обещать. А затем поместите .then за обещание получить данные от него.

find: function(id){ 
    return $http.get('https://raw.githubusercontent.com/vicariosinaga/learn/master/products.json').then(function(response){ 
     var singleItem = response.data.filter(function(entry){ 
      return entry.id === id; 
     })[0]; 
     return singleItem; 
    }); 
} 

Контроллер

Product.find($stateParams.id).then(function(singleItem){ 
    $scope.singleItem = singleItem; 
});