AngularJS：如何在 $http.get 中的成功调用之外传递数据

Question

在 Angular 中，我创建了一项服务，通过 $http.get 调用从 json 文件（在我的代码中：file4.json）中检索数据。 在成功调用中，数据被传递到数组“bmlService.items”中。 console.log 显示事情进展顺利。 但是，这个数组在 $http.get 函数之外是空的。 如何在这个函数之外传递数据？

这是我的代码：

app.service('bmlService', function($http){
var bmlService = {};

bmlService.items = [];

    $http.get("file4.json")

        .success(function(data){
            bmlService.items = data;

            console.log("inside succes call: ", bmlService.items);
            })

        .error(function(data, status){
            alert("Something went wrong...");
        });

        console.log("outside http.get: ", bmlService.items);

return bmlService;

});

Answer 1

但是，这个数组在 $http.get 函数之外是空的。如何将数据传递到此函数之外？

您不能，因为 AJAX 调用是异步的，并且此数据仅在回调执行后才可用 - 这可能在触发 AJAX 调用后的更晚阶段发生。因此，如果您想将其传递给外部，您可以调用其他函数并将数据作为参数传递给该函数：

.success(function(data) {
    bmlService.passData(data);
})

所以基本上你将不得不重新设计你的代码以使用回调而不是一些顺序调用和一个接一个地分配的变量：

var bmlService = {
    passData: function(data) {
        // do something with the data here
    }
};