$http.get 中的 AngularJS 访问变量

Question

app.controller('EntryCtrl', ['$scope', '$http', function($scope, $http){
    $http.get(something.json).success(function(data){
      $scope.entries = data;
    });
    abc = $scope.entries.timestamp;  <-- not working
}]);

经过搜索，发现$http是一个异步函数。所以我把它包装成一个函数，但还是不行。

app.controller('EntryCtrl', ['$scope', '$http', function($scope, $http){
    var getEntries = function(){ return
      $http.get(something.json).success(function(data){
        return data;
      });
    };

    $scope.entries = getEntries();
    console.log($scope.entries); // returns undefined
}]);

Answer 1

你的console.log 在你的promise 毫无疑问地返回之前就被触发了。把console.log放到success里面。

我可能会这样写：

var getEntries = function(){ 
      $http.get(something.json).success(function(data){
        $scope.entries = data;
        console.log($scope.entries);
      });
    };

    getEntries();

另外，如果似乎仍然存在问题，请使用 console.log(data) 看看你得到了什么。可能是后端问题。

Here is a plunker 这说明了我的意思。您不需要像以前那样将其包装在函数中。 $http.get 已经是函数了。}