Question

我正在尝试将数据分配给$ scope变量。在我的$ promise.then（）函数中，它正确显示但在函数外部显示为undefined。以下是我的控制器代码：

angular.module('testSiteApp').controller('TestController', function ($scope, Tests) { 

$scope.test = Tests.get({id: 1});

$scope.test.$promise.then(function(data) {
    $scope.tasks = data.tasks;
    console.log($scope.tasks);
});

console.log($scope.tasks); 

});

then（）函数内的结果：

[Object, Object, Object, Object]

then（）函数之外的结果：

undefined

＆＃39;测试＆＃39;我正在使用的服务工厂如下：

angular.module('testSiteApp').factory('Tests', function($resource) {

return $resource('/api/test/:id', {id: '@id'}, { 'update': { method: 'PUT' } } );

});

即使我使用查询方法而不是get for my资源并将isArray设置为true，我仍然会遇到同样的问题。由于某种原因，数据没有绑定到then函数内的我的范围。

我很抱歉，如果这是一个重复的问题，但我到处寻找，只发现与$ promise函数有关的未定义问题，在这种情况下不是问题。

提前感谢您的支持。

Answer 1

从后端获取数据后，将调用传递给.then()的函数。另一个console.log()（.then()之外的那个）将在发出请求后立即被称为，而将在完成后被称为因此tasks未定义。

考虑时间（当然时间只是一个例子）：

// time = 0.000 sec. You make a request to the backend $scope.test = Tests.get({id: 1}); $scope.test.$promise.then(function(data) { // time = 1.000 sec. Request is completed. // data is available, so you assign it to $scope.tasks $scope.tasks = data.tasks; console.log($scope.tasks); }); // time = 0.000 sec (!!!) This has been called NOT AFTER // the callback, but rather immediately after the Tests.get() // So the data is not available here yet. console.log($scope.tasks);

Answer 2

这是一个承诺，所以它在返回后设置$ scope.task 。在返回之前，$ scope.task未定义，这是您的第二个console.log显示的内容。在稍后的某个时间，promise被解决（完成），$ scope.task有一个值，这是你的第一个console.log显示的。

Answer 3

$scope.test.$promise.then(function(data) {

if(data){    
$scope.tasks = data.tasks;
}

console.log($scope.tasks);
});

试试这个

Answer 4

此代码将帮助您获取数据并以承诺方式解决，请注意，获取数据仅在随后调用...后才能起作用。

getData(){
      const promise = this.httpClient.get(this.PHP_API_SERVER+'/api/books').toPromise();  
      promise.then((data)=>{
        console.log("Resolved: " + JSON.stringify(data));
        return JSON.stringify(data);
      }, (error)=>{
        console.log("Rejected " + JSON.stringify(error));
      })
    }

AngularJS $ promise then（）数据未定义

4 个答案: