角型Ajax、関数の外にある未定義の変数

Question

私はチケット管理テーブルを作成していますが、変数をajax関数の外にエクスポートしようとするといくつかの問題があります。

マイコード：サーバーが応答したときに工場を持つ

app.controller('bodyController',function($scope,$http,$sce){ 
$scope.ticketList = []; 
$http.get("tickets.php") 
.then(function(response) { 
    $scope.ticketModify = response.data; 
    console.log($scope.ticketModify); //this one return the correct data. 
    return $scope.ticketModify; 
}); 
console.log($scope.ticketModify); //this return undefine 

同じ結果私は.thenで実行されるどのような任意の変数

Answer 1

コードが物理的に他のコードの上に来るというだけでは、上から下に実行されるわけではありません。このようなあなたのプログラムについて考える：

app.controller('bodyController',function($scope,$http,$sce){ 
$scope.ticketList = []; 
$http.get("tickets.php") 
    .then(handleResponse); 
console.log($scope.ticketModify); //this return undefine 

function handleResponse(response) { 
    $scope.ticketModify = response.data; 
    console.log($scope.ticketModify); //this one return the correct data. 
    return $scope.ticketModify; 
} 

は$scope.ticketModifyはまだ定義されていない、なぜあなたが今見ていますか？コードの位置は重要ではありません。重要なのはの実行時間ですです。新しく変更された$scope.ticketModifyをもっと使いたい場合は、別のthenをthenにチェーンしてください。あるいは、別の関数を呼び出して、現在のthenから$scope.ticketModifyを渡してください。あなたは何でもすることができます！

Answer 2

にresponse.dataを返すようにしようとした場合に実行されます。 しかし、 '$ http.get'Promiseの直後に、次のコードが実行されます。

非同期プログラミングとプロミスを調べる必要があります。 https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Promise

Answer 3

app.controller('bodyController', function($scope, $http, $sce) { 
 
     $scope.ticketList = []; 
 
     $scope.ticketModify = ""; 
 
     $http.get("tickets.php") 
 
     .then(function(response) { 
 
      $scope.ticketModify = response.data; 
 
      console.log($scope.ticketModify); 
 
      return $scope.ticketModify; 
 
     }); 
 
     console.log($scope.ticketModify); 
 
     // This should print a empty String 
 
    }

tickets.phpへの呼び出しが返された後、それはあなたのために大丈夫働いている場所が、あります。

チケットが動作しない場所は、アクセスしているときにticketModifyが定義されていないことが原因です。 ticket.phpを非同期呼び出しと呼び、すぐに約束が解決された後に移入される変数にアクセスしようとしました。

だから、あなたができるすべてはtickets.phpと成功時に値を更新するために、HTTP呼び出しの前にスコープにticketModifyを宣言することです/そしてtickets.php上にあるべき何をすべきかの