Как получить данные в HTML-файл с помощью $ http.get () из файла .json

Question

Я пытаюсь отобразить список <li> с помощью ng-repeat путем извлечения данных из файла data/states.json с использованием метода $http.get().Может ли кто-нибудь, пожалуйста, помогите мне решить эту проблему.

HTML

<div ng-app="app" ng-controller="ctrl">
        <ul>
            <li ng-repeat="x in state">{{ x }}</li>
        </ul>
    </div>
    <script>
       var app = angular.module("app",[]);
       app.controller("ctrl", function($scope, $http) {
           $http.get("data/states.json").then(function(response) {
               $scope.state = response.data;
           });
       });
    </script>

.json file

[ "Alabama (AL)",
"Alaska (AK)",
"Arizona (AZ)",
"Arkansas (AR)" ]

Answer 1

Вы можете напрямую получить данные из ответа следующим образом:

var app = angular.module('myApp', []);
app.controller('ctrl', function($scope, $http) {
  $http.get("data.json")
  .success(function (response) {$scope.state = response;})
  .error(function (response) {alert("Error")})
});

PLUNKER DEMO