は（プロバイダ）機能

Question

は、だから私はtestVariableという変数を定義しているsignInWithPopup。firebase.auth（）内から変数を変更し、（$ scope.signInの内部初期に設定することはできません）機能。次にfirebase.auth（）。signInWithPopup（プロバイダ）.then（）の機能をに変更しました。場合I にconsole.log（）firebase.auth（）。signInWithPopup（プロバイダ）.then（）機能外部それは初期を返します。私はそれを返すように変更、以下のコードで間違っていますか？どんな助けでも大歓迎です。

var app = angular.module("myApp", []); 

app.controller("MainController", ["$scope", function ($scope){ 
    $scope.googleSignInStyle = {}; 
    $scope.googleSignInText = ""; 
    $scope.signIn = function(){ 
     var provider = new firebase.auth.GoogleAuthProvider(); 
     var testVariable = "initial"; 

     firebase.auth().signInWithPopup(provider).then(function(result) { 
      var token = result.credential.accessToken; 
      var user = result.user; 
      var providerData = user.providerData[0]; 

      firebase.database().ref('users/' + providerData.displayName).set({Email: providerData.email, PhotoURL: providerData.photoURL, uid: providerData.uid}); 

      testVariable = "changed"; 

     }).catch(function(error) { 
      var errorCode = error.code; 
      var errorMessage = error.message; 
      var email = error.email; 
      var credential = error.credential; 
      console.log ("Error! Error code: " + errorCode + ", Email: " + email + ", Credential: " + credential + ". That's all we know."); 
     }); 

     console.log (testVariable); 
    } 
}]); 

Answer 1

.then（）の呼び出しは非同期で実行されます。つまり、後でfirebase.auth().signInWithPopup(provider)が返されたときに実行されることを意味します。

したがって、あなたは効果的にtestVariableの値を変更していますが、それを印刷した後です。つまり、console.log（testVariable）を呼び出した後に何が起こるのでしょうか？

read thisという約束の概念に精通していない場合は、

Answer 2

問題は、signInWithPopupコールバックの外部にログオンしようとしていることです。 testVariableは、signInWithPopupがアシンクロナスであるため、値はありません。console.logに電話するまでには処理が完了しません。

$scope.signIn = function(){ 
    var provider = new firebase.auth.GoogleAuthProvider(); 
    var testVariable = "initial"; 

    firebase.auth().signInWithPopup(provider).then(function(result) { 
     var token = result.credential.accessToken; 
     var user = result.user; 
     var providerData = user.providerData[0]; 

     firebase.database().ref('users/' + providerData.displayName).set({Email: providerData.email, PhotoURL: providerData.photoURL, uid: providerData.uid}); 

     testVariable = "changed"; 
     console.log (testVariable); 
    }).catch(function(error) { 
     var errorCode = error.code; 
     var errorMessage = error.message; 
     var email = error.email; 
     var credential = error.credential; 
     console.log ("Error! Error code: " + errorCode + ", Email: " + email + ", Credential: " + credential + ". That's all we know."); 
     console.log (testVariable); 
    }); 
} 

これを解決するには、達成しようとしている動作によって異なります。上記のコードは1つの可能な解決策ですが、私はちょうどconsole.logコールをコールバックの中に挿入しています。