从控制器AngularJS 1获取特定的json键

Question

您好，我是 AngularJS 的新手，正在尝试分别获取 json 密钥数据并将其显示到控制台窗口。我可以获取整个 json 数据，但无法获取特定节点内的数据。我哪里错了？

Service.js

app.service("AppService", function($http) {
    return {
       network: [],
       getAllService: function(network){

        return $http({
            method: 'GET',
            url: 'http://99.126.4.6:3200/app/json/allDatas',
            headers: {'Content-Type': 'application/json'} 

        })
                .then(function(data) {
                    return data;
                })
    }
    }
});

控制器：-

app.controller('getController', ['$scope','$http','AppService','$localStorage', function ($scope,$http,AppService,$localStorage) {


            $scope.load = AppService.getAllService();
            $scope.load.then(function(data) {
            $scope.getAllData = data; 
            $scope.getId = data.ID;
            $scope.getName = data.Name;
            $scope.getDescription = data.Description;
            console.log($scope.getId + $scope.getName + $scope.getDescription);
            })

}]);

当我控制台 getAllData 时，我可以看到整个 json 响应。但无法获取内部键。

JSON 响应：-

Data
Array(1)
0
:
{$id: "1", ID: 1, Name: "APP", Description: "Something", Segments: Array(3)}

Answer 1

您将旧语法与新语法混合在一起：.success vs. .then

.then() 返回一个Http Promise，它将您的响应包装在一个对象中。要提取数据，您需要先访问.data。

从以下位置修复此行：

.then(function(data) {
  return data;
})

到

.then(function(data) {
  return data.data;
})

Answer 2

数据是一个数组，所以通过索引访问它的值

    $scope.load = AppService.getAllService();
    $scope.load.then(function(data) {
    angular.forEach(data, function(value) {
       console.log(value.ID+"   "+value.name++"   "+value.escription);
    });
    })