Question

$scope.openDocImg = function(id, e){
    var data = [];

    ...

    $http.post("/showDocument", cid).then(function(response){
        data = response.data.slice(0);
        console.log(data);
    });

    console.log(data.length);  //displays 0
    console.log(data);

    ...
}

我不完全理解为什么post方法中的数据充满内容，而外部没有。是因为函数内部和外部的变量作用域？

该如何将内容复制到外部作用域？

Answer 1

由于$http.post方法是异步执行的，因此console.log(data.length);语句是在您从服务器接收响应之前执行的。

所以这就是为什么当您尝试记录0的长度时收到data的原因。

您应该使用callback函数。

function postRequest(callback){
  $http.post("/showDocument", cid).then(function(response){
    callback(response.data.slice(0));
  });
}

$scope.openDocImg = function(id, e){
    var data = [];

    ...

    postRequest(function(data){
       console.log(data.length); 
       console.log(data);
    });

    ...
}

在$ http.post方法中复制数组

1 个答案: