javascript - angularjs 变量无法在函数调用之外访问

Question

最近我开始学习AngularJS。我的问题如下。我无法在方法调用之外访问 $http.get() 返回的数据。

代码:

(function(){
    var productApp = angular.module('productApp', []);

    productApp.controller('ProductController', ['$http', function($http){
        var store = this;
        store.products = [];

        $http.get('http://localhost:8080/VeggieFresh/veggie/product/1')
        .success(function(data){
            store.products = data;
            console.log(data);
        });
        console.log(store.products);
    }]);

})();

当我在 $http.get() 方法内打印数据时，它可以毫无问题地打印，但是当我尝试在方法外部打印时；它显示空数组。

我想正因为如此，我也无法在 HTML 上访问这些数据。非常感谢在这方面的任何帮助。

Answer 1

由于 $http success 是异步调用，您不会立即在函数外部获取数据，因此您可以调用“成功”函数，或使用回调函数

就您的代码而言，您可以将数据保存在 $scope 变量上

  $http.get('http://localhost:8080/VeggieFresh/veggie/product/1')
    .success(function(data){
        $scope.store.products = data;
        //console.log(data);
    });