我怎样才能控制台登录此对象

Question

莫比它只是监督，但我不能控制台登录值

所以，当我登录这个

console.log($scope.data) 

比我在网页上的控制台找回

$$state: Object 
status: 1 
    value: Array[11] 
    0: Object 
    1: Object 
    2: Object 
    3: Object 
    4: Object 
    5: Object 
    6: Object 
    7: Object 
    8: Object 
    9: Object 
    10: Object 

我只想说，

console.log($scope.data.value[0]) 

给我的只是价值中的第一个对象。 但我只使用任何我尝试使用的未定义。 我错过了什么，我不能单独得到我的价值的对象。 Maby这是一个角度的事情，因为$$，但即时通讯有点现在。

张贴我的代码

Here is a screenshot of what I get when I console log the data

更新如何得到我的数据：

厂

(function() { 
'use strict'; 
angular 
    .module('testApp') 
    .factory('storage', storage); 

storage.$inject = ['$http']; 

function storage($http) { 
    return { 
     getData: getData 
    }; 

    function getData() { 
     return $http.get('http://localhost:4040/') 
      .then(complete) 
      .catch(failed); 

     function complete(response) { 
      var merge = data.teams.map (function (data) { 
       data.members = response.data.filter (function (person) { 
        return person.room == data.rooms 
       }); 
       return data; 
      }); 
      return merge; 
     } 

     function failed(error) { 
      console.log('getting the data has failed' + error.data); 
     } 
    } 
} 
})(); 

服务

(function() { 
'use strict'; 
angular 
    .module('testApp') 
    .service('testStorage', testStorage); 

testStorage.$inject = ['storage']; 

function testStorage(storage) { 
    //Create empty variables 


    //Data in variables 
    var allData = storage.getData(); 

    //Return functions 
    var service = { 
     getAll: getAll 
    }; 

    return service; 

    /////////////////////////// 
    // Create functions here // 
    /////////////////////////// 

    function getAll() { 
     return allData; 
    } 

} 
})(); 

，并最终我的控制器

(function() { 
'use strict'; 

angular 
    .module('testApp') 
    .controller('tryOutController', tryOutController); 

tryOutController.$inject = ['$scope', 'testStorage']; 

function tryOutController($scope, testStorage) { 
    $scope.data = {}; 
    $scope.data = testStorage.getAll(); 

    console.log($scope.data); 

} 
})(); 

Answer 1

所以问题是，你想它的填充之前访问您的数据。使用适当的承诺功能：

function tryOutController($scope, testStorage) { 
    $scope.data = {}; 
    testStorage.getAll().then(function(data) { 
     $scope.data = data; 
     console.log($scope.data); 
    }); 
} 

Answer 2

这听起来像你记录对象之前，它的值。在许多浏览器（如Chrome浏览器）上，控制台会记录对控制台稍后扩展它的对象的引用。这意味着当您稍后在控制台中展开对象时，您会看到，然后是的值，而不是它们在您记录对象时的值。

所以，如果console.log($scope.data.value[0])正显示出你undefined但console.log($scope.data)显示了一个value数组里面，当你展开它，拥有它的值是，这意味着它得到了填补它被记录后。

但是：看你的第一个例子，我认为你应该看看$scope.data.$$state.value[0]，而不是$scope.data.value[0]。

Answer 3

下面的代码将“stringify”（转换为字符串表示形式）传递给它的任何对象。所以，你的情况你有一个对象数组，所以这将打印该数组中的第一个。

console.log(JSON.stringify($scope.data.value[0])); 

你可以走得更远，并使用一个for循环迭代这个数组并打印出每个依次为：

for(var i = 0; i < $scope.data.value.length; i++) { 
    console.log(JSON.stringify($scope.data.value[0])); 
    // For spacing... 
    console.log('---------------------'); 
}