Угловой вызов ресурса js для получения данных json в массиве

Question

Создана фабрика, которая вернет данные json и вызовет ее из контроллера, но она будет пустой. не знаю, где я ошибся. нет пульт ошибка и в сеть json также загрузка.

'use strict'; 
var app = angular.module('angularJson', ['ngResource']); 

    app.factory('loadJsonService', ['$resource', function ($resource) { 
     return { 
      getData: function() { 
       return $resource('json/productDetails.json'); 
      } 
     }; 
    }]) 

    app.controller('angularJsonCtrl',['$scope', 'loadJsonService',function($scope, loadJsonService){ 

    $scope.loadProducts = function(noOfData){ 
     $scope.productDetails = []; 
     $scope.productDetails = loadJsonService.getData().query(); 
    } 

    }]); 

Answer 1

Вы должны поставить ждать, пока запрос будет завершена & там после того, как вам нужно использовать .$promise.then над $resource.query вызова функции. Чтобы вы могли поместить функцию, которая получит вызов от успешного вызова API.

loadJsonService.getData().query().$promise.then(function(res){ //success function 
    $scope.productDetails = res; 
}, function(error){ //error function 
    console.log(error); 
}) 

Answer 2

Вы должны в GetData функции набора запроса $ HTTP, как этот

$http.jsonp("json/productDetails.json") 
     .success(function(response) { 
      callback(response); 
     }); 

Answer 3

Попробуйте построить в query метод. Если вы хотите написать свой собственный метод получения, выполните следующие действия:

{ 
    method: 'GET', 
    params: { 
    key: value 
}, 
isArray: true, 
cache: true // if you want to cache 
}