角度JS - 非同期呼び出しの$ scope.users後のモーダル値を更新していない

Question

app.controller('tableController', function ($scope, $filter, ngTableParams,$http){ 

    $scope.users = []; 

    $http.get("getjsondata").success(function (response) { 
     $scope.users = response; //ajax request to fetch data into $scope.data 
    }); 

    console.log($scope.users); // I am not getting the updated value as 
           // I need to pass this value in another function 
}); 

Answer 1

console.log声明のようなコールバック

を使用すると、HTTPリクエストを発行した直後に実行されます。

あなたはそれが/あなたの成功コールバックにそれと対話ログインする必要があります。

$http.get("getjsondata").success(function (response) { 
    $scope.users = response; 
    console.log($scope.users); 
}); 

また、コントローラに$scopeを使用しないでください。 John Papa's style guide for Angular.js

Answer 2

成功関数が呼び出しが完了した後は、値を表示したい場合は、他の関数を呼び出したり、内部の任意の値を渡す必要がありますコールバックです

$scope.users = []; 
$http.get("getjsondata").success(function (response) { 
    $scope.users = response; 
    console.log($scope.users); 
}); 

Answer 3

あなたのログメッセージは成功の約束の外に書かれており、実行されている可能性がありますあなたの割り当て前に。次のことを試してみてください。

$scope.users = []; 


$http.get("getjsondata").success(function (response) { 
    $scope.users = response; 
    console.log($scope.users); 
}); 

約束を忘れてはいけない非同期であり、そのように彼らは、後にconsole.log文の後に来ているものは何でもより実行されますを意味します。

Answer 4

console.log($scope.users);は$http.get().success()が実行される前に呼び出されるためです。

$http.get()は約束を返します。

あなたがそのようにこれをデバッグすることができます。

$http.get("getjsondata").success(function (response) { 
    console.log('i am after the promise return') 
    $scope.users = response; //ajax request to fetch data into $scope.data 
}); 
console.log('i get executed first'); 
console.log($scope.users);