AngularJSを使用して入れ子になったJSONを読み取る方法は？

Question

AngularJSを使用してネストされたJSONを読み込もうとしています。

{ 
    "results": [ 
    { 
     "id": "D1", 
     "name": "A", 
    }, 
    { 
     "id": "D2", 
     "name": "B", 
    } 
    ] 
} 

以下は、私はそれが未定義の値を与えるJSONを読み取るしようとするフォーム[対象オブジェクト] にPHPからJSONデータを取得AngularJSコントローラである：以下は、ネストされたJSONあります。

function MyController($scope, $http) { 
    $http({ 
     method: 'GET', 
     data: "action=0", 
     url: 'a.php' 
    }).then(function(data) { 
     alert("Hello" +data); //alerts Hello[object Object] 
     $scope.legs = data.results; 
     alert($scope.legs);  //alerts undefined 
    }); 

} 

JSONを印刷しようとしているhtmlコードは次のとおりです。$ HTTPはあなたがの結果として直接応答体を得ることはありませんhttps://docs.angularjs.org/api/ng/service/$http

でどのように機能するかあなたがチェックすることができ

<tr ng-repeat="l in legs"> 
    <td>{{ l.id }}</td> 
</tr> 

Answer 1

お約束すると、HTTPリクエストに関する詳細情報を持つオブジェクトが取得され、dataプロパティにアクセスする必要があります。

function MyController($scope, $http) { 
    $http({ 
     method: 'GET', 
     data: "action=0", 
     url: 'a.php' 
    }).then(function(response) { 
     $scope.legs = response.data.results; 
    }); 

} 

応答変換を有効にするために、サーバーがJSON用の応答ヘッダーを正しく設定していると仮定しています。

Answer 2

$ HTTPをよく読んでください、ここで約束：https://docs.angularjs.org/api/ng/service/ $ HTTP

あなたがsuccessCallbackが応答ではなく、データそのものであるパラメータを持っていることがわかります。応答は、データを含むオブジェクトです。このオブジェクトからJSONデータを抽出する必要がありますデータ

は、このコードを変更します。

}).then(function(data) { 
    alert("Hello" +data); //alerts Hello[object Object] 
    $scope.legs = data.results; 
    alert($scope.legs);  //alerts undefined 
}); 

へ：

}).then(function(response) { 
    alert("Hello" + response.data); 
    $scope.legs = response.data.results; 
    alert($scope.legs); 
}); 

あなたの$ scope.legsは現在、JSONデータを持つことになります。 ng-repeatはうまくいくはずです。