7

我正在尝试将数据分配给 $scope 变量。在我的 $promise.then() 函数内部它显示正确，但在函数外部它显示为未定义。以下是我的控制器代码：

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

我正在使用的“测试”服务工厂如下：

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

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

});

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

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

提前感谢您的支持。

4

4 回答 4

13

.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);
于 2014-08-12T21:41:29.363 回答
3

这是一个承诺，因此它在返回后设置 $scope.task 。直到返回发生 $scope.task 是未定义的，这是您的第二个 console.log 显示的内容。在稍后的某个时间，承诺被解决（完成）并且 $scope.task 有一个值，这是您的第一个 console.log 显示的内容。

于 2014-08-12T21:43:18.393 回答
2 
$scope.test.$promise.then(function(data) {

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

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

尝试这个

于 2016-07-12T11:14:18.893 回答
0

此代码将帮助您获取数据并通过承诺解决，请注意获取数据仅在调用后才能工作...

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));
      })
    }
于 2019-11-11T23:19:27.070 回答