Question

我有angularJS收到以下JSON数据。它是使用get请求从ArrayList引入的。

    0: Object
        id:1
        area: "State"
        gender: "Both"
        highestEd: 3608662
        .... etc

    1: Object
        id:2
        area: "State"
        gender: "Both"
        highestEd: 3608662
        .... etc

但是我无法弄清楚如何使用控制器或UI访问它。我希望能够将这些数据存储在Angular中，以便我可以使用这些信息创建图形。我知道它的唯一方法就是通过查看firefox中的响应。

非常感谢任何帮助/建议。

Answer 1

您的JSON数据格式不正确。使用JSON lint检查
使用$http.get('/get_url/')获取回复。 One sample example for this。
在$scope.yourVariable使用ng-repeat循环播放

Answer 2

看看这个小提琴手here你可能会得到一些想法。

使用工厂的$ http调用API后，您将解析所获得的数据。控制器需要调用API方法，然后将解析后的数据从工厂绑定到API。

<强>工厂

myApp.factory("Data", function($q, $http) {
  return {
    getData: function() {
      var deferred = $q.defer();
      /* --Actual API Call
            $http.get("/url")
        .then(function(response) {
          deferred.resolve(response.data);
        })
                */
                //Dummy Data
      var data = m;
      deferred.resolve(data);
      return deferred.promise;
    }
  }
});

<强>控制器

function MyCtrl($scope, Data) {
  Data.getData()
    .then(function(items) {
      $scope.bobs = items;
      console.log($scope.bobs);
    })
}

将虚拟数据初始化从工厂替换为实际的API调用。

我该如何解析这个JSON响应

2 个答案: