配列内のjsonデータを取得するための角型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リクエストにあなたは要求があっ&を完了しますまで、あなたが.$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

あなたはこの

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

Answer 3

queryメソッドを組み込んでみてください。 独自のgetメソッドを作成する場合は、

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