javascript - 配列内のjsonデータを取得するためのAngular jsリソース呼び出し

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

getData 関数で $http リクエストを次のように設定する必要があります

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