5

私はAngularJSを使用していて新しいです.Jsonレスポンスの解析に問題があります。これは私が使用していますHTMLコードです:AngularJSを使用したJSON応答の解析に関する問題

<!DOCTYPE html> 
<html ng-app> 
<head> 
    <script src="@routes.Assets.at("javascripts/angular.min.js")" type="text/javascript"</script> 
    <script src="@routes.Assets.at("javascripts/carLibrary.js")" type="text/javascript"></script> 
</head> 
<body> 

<div ng-controller="CarCtrl"> 
    <ul> 
     <li ng-repeat="car in cars"> 
      {{car.name}} 
      <p>{{car.speed}}</p> 
     </li> 
    </ul> 
    <hr> 
    <p>{{response}}</p> 
</div> 
</body> 
</html> 

そして、これはAngularJSを使用してJavascriptコードです:

function CarCtrl($scope, $http) { 

    $scope.getAllCars = function() { 
     $scope.url = 'getAllCars'; 

     $http.get($scope.url).success(function (data, status) { 
      $scope.response = data; 
      var carsFromServer = JSON.parse(data); 
      $scope.cars = carsFromServer.allCars; 
     }).error(function (data, status) { 
       $scope.response = 'Request failed'; 
      }); 
    } 

    $scope.getAllCars(); 
} 

HTMLがサーバから返されたJSONを持つ変数$ scope.responseを示しています、一番上のリストには何も表示されません。 JSONは完全にフォーマットされていますが、$ scope.cars変数は常に空であるようです。

私は間違っていますか?

多くのおかげで、

GA

+0

入手しているJSONの例を表示できますか? – mael

答えて

13

$ http.getあなたのためのJSONを解析します。あなたはそれを自分で解析する必要はありません。

$scope.cars = data.allCars; 
+0

Genius!ありがとうございました! –

3

ただ、それが内蔵されているangularjsの特徴その

function (response,httpStatus) {  
       alert('response' + angular.toJson(response));     
     } 

のようなあなたのデータを解析します。

関連する問題