json 데이터로 서버에 AngularJS $ http를 요청하십시오.

Question

이 코드가 있는데이 코드는 정상적으로 작동하지만 모든 데이터는 json으로 제공됩니다. json 데이터를 표시하는 방법을 알려주십시오.

<script> 
var app = angular.module('testapp', []); 
app.controller('datactrl', function($scope, $http) { 
    $http.get("data.json").then(function(response) { 
     $scope.myData = response.data.records; 
    }); 
}); 
</script> 

data.json하는

[ 
    {"name":"Neptune", "distance":30.087, "light":"4 hours"}, 
    {"name":"Uranus", "distance":19.208, "light":"2 hours 40 minutes"}, 
    {"name":"Saturn", "distance":9.523, "light":"1 hour 20 minutes"}, 
    {"name":"Jupiter", "distance":5.203, "light":"43 minutes"}, 
    {"name":"Mars", "distance":1.524, "light":"12.6 minutes"}, 
    {"name":"Earth", "distance":1.0, "light":"0"}, 
    {"name":"Venus", "distance":0.723, "light":"6 minutes"}, 
    {"name":"Mercury", "distance":0.387, "light":"3 minutes"}, 
    {"name":"Moon", "distance":0.003, "light":"1.5sec"} 
] 

Answer 1

이 코드를 사용하십시오, 나는 당신을 위해 작동합니다 생각합니다.

<script> 
var app = angular.module('testapp', []); 
app.controller('datactrl', function($scope, $http) { 
    $http.get("data.json").then(function(response) { 
     $scope.myData = response.data.records; 
    }); 
}); 
</script> 




<div ng-app="testapp" ng-controller="datactrl"> 

    <ul> 
     <li ng-repeat="x in myData"> 
     {{ x.value1+ ', ' + x.value2}} 
     </li> 
    </ul> 

    </div>