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 の代わりに query メソッドを使用し、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

これは promise であるため、返された後に $scope.task を設定します。そのリターンが発生するまで、$scope.task は未定義です。これは、2 番目の console.log が示しているものです。しばらくすると、promise が解決 (完了) し、$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 に答える