Angular $ http戻り値を別のオブジェクトに取得

Question

HTTP要求から別のスコープオブジェクトに戻りオブジェクトを取得したいので、ng-repeatディレクティブのHTMLで使用できます。返されたオブジェクトを変数に取得するにはどうすればよいですか？

1. コールHTTP機能
2. HTTPレスポンスの値

JSスコープ変数を作成し、データ

ストア応答

を取得：

angular.module('myApp').controller('ItemController',[ 
    '$scope', '$http', '$location', 
    function($scope, $http, $location){ 

    var currentLocation = $location.path(); 

    $scope.getItem = function(){ 
     $http.get('path/to/json/file.json').then(
     function(response){ 
      $scope.results = response.data; 
      console.log('item controller, item:', $scope.results); 
     }); 

    }; 

    $scope.item = //MAKE THIS VALUE OF THE RETURN OBJECT FROM getItem 
     console.log('scope.item', $scope.item); 
    } 
]); 

JSON

[ 
    { 
    "first_name": "Mega", 
    "last_name": "Man", 
    "image": "http://placehold.it/75x75" 
    } 
] 

HTML

がちょうどJSコール

$scope.getItem = function(){ 
    $http.get('path/to/json/file.json') 
    .success(function(data){ 
     $scope.results=data; 
     console.log('$scope.results: ',$scope.results); 
    }).error(function(data){ 
     console.log(data); 
    }).then(
     function(){ 
     $scope.item = $scope.results; 
     console.log('$scope.item: ', $scope.results); 
     }); 
    }; 

Answer 1

あなたのC更新

<p>{{item.first_name}}</p> 
<p>{{item.last_name}}</p> 
<img ng-src="{{item.image}}"/> 

を持ってできるようにしたいと思いますさまざまな方法でそれを行う一つの方法は、のようなsuccessとerrorコールバック機能を使用することです：

$http({method: 'GET', url: 'path/to/json/file.json'). 
     then(function(response) { 
      $scope.results = response.data; 
      console.log('item controller, item:', $scope.results); 
     }, function(response) { 
      console.log(response); 
     }); 

Answer 2

起こっていた問題を：

$http.get('path/to/json/file.json') 
       .success(function (data, status, header, config) { 
        $scope.results =data; 
      console.log('item controller, item:', $scope.results); 
       }) 
       .error(function (data, status, header, config) { 
        console.log(data); 
       }); 

別のオプションは、同じようthen約束機能を使用していますコールバックが正しく機能すること.then()メソッドを.success()と.error()に置き換えました。呼び出されたオブジェクトは配列なので、オブジェクトプロパティを取得するためにHTMLで解析することはできませんでした。必要に応じた他の部分は何を求めていることはあなたのためのピザを拾うために誰かを送信し、それがあることを期待しに似て$scope.results=data[0]

$scope.getItem = function(){ 
    $http.get('path/to/json/file.json') 
    .success(function(data){ 
    $scope.results=data[0]; 
    console.log('$scope.results: ',$scope.results); 
    }).error(function(data){ 
    console.log(data); 
    }); 
};