AngularJSのグローバル変数が更新されない

Question

私はAngularJSでFacebookログインAPIを使用しようとしています。しかし、私は変数を更新することができません。

$scope.init = function() { 
    $scope.name = "" 
    window.fbAsyncInit = function (response) { 
     FB.init({ 
      appId: 'xxxxxxxxxxxxxxxxxxx', 
      xfbml: true, 
      version: 'v2.7' 
     }); 
     FB.getLoginStatus(function (response) { 
      if (response.authResponse) { 
       //Calling Fb graph api if user is log in and fetching name of user 

       FB.api('/me', { 
        fields: 'name' 
       }, function (response) { 
        $scope.name = response.name; 
        console.log($scope.name); // 1 
       }); 
       console.log($scope.name); // 2 

      } 
     }); 
    }; 
    console.log($scope.name); // 3 
} 

第console.log()即ちのみFB.apiに、$scope.nameに正しいデータを示しています。しかし、他は更新された価値を示さない。

Answer 1

これは、コードがfb.api呼び出しで非同期で、$ scope.nameがまだ割り当てられていないためです。コードで

：

FB.api('/me',{fields: 'name'}.function(response) 
{ 
    $scope.name=response.name; //$scope.name is assigned 
    //1 
    console.log($scope.name); 
}); 

// 2 
console.log($scope.name); //$scope.name is not YET assigned, because i'm called first! 

Fb.apiを行う（及びインナー機能を実行）する遅延の1、100又はxxxmsを必要とするかもしれません。しかし、あなたのコンソールログは、（$ 2）fb.api関数の実行直後に呼び出されます（解決ではありません）ので$ scope.nameはまだ割り当てられていません。

詳細については、非同期コールバックとjavascriptに関する約束についてのチュートリアルをご覧ください。