値が更新されるまでFirebaseが待機する

Question

Firebaseデータベースにデータを送信し、$ state.goなどの他のアクションを行うようにデータが更新されるまで待ちます。

FirebaseとAngularJsを使ってどうすればいいですか？

このコードの私の部分：

var ref_achats_offres = firebase.database().ref('achats_offres'); 
    var key_achats_offres = ref_achats_offres.push().key; 
    var ladate = moment().format(); 
    var accountId = $localStorage.accountId; 
    var push_achats_offres = ref_achats_offres.child(key_achats_offres).set({ 
       cout: cout, 
       ajout_le: ladate, 
       active:true, 
       accounts: accountId, 
       id_offre : id_offre, 
       unique_code: code 
      }); 

var ref_offres = firebase.database().ref('offres'); 
ref_offres.child(id_offre).child('achats_offres').child(key_achats_offres).set(true); 
var ref_accounts = firebase.database().ref('accounts'); 
ref_accounts.child(accountId).child('achats_offres').child(key_achats_offres).set(true); 
      firebase.database().ref('accounts').child(accountId).child('credits').transaction(function(credits) { 
      return credits - cout; 
      }); 

      $scope.modal2.hide(); 
      Utils.message(Popup.checkIcon, Popup.achatOffreEffectue); 
      $state.go('mes_achats'); 

Answer 1

set()とtransaction()呼び出しは約束を返します。書き込み操作が完了すると、約束が解決され、then()を実装することでこれを処理できます。

あなたは2つの設定操作は順番に実行して、ナビゲートしたい場合：

ref_accounts.child(accountId).child('achats_offres').child(key_achats_offres) 
    .set(true) 
    .then(function() { 
     firebase.database().ref('accounts').child(accountId).child('credits') 
      .transaction(function(credits) { 
       return credits - cout; 
      }) 
      .then(function() { 
       $scope.modal2.hide(); 
       Utils.message(Popup.checkIcon, Popup.achatOffreEffectue); 
       $state.go('mes_achats'); 
      }); 
    }); 

あなたがナビゲートする前にそれらを並行して両方を完全に実行したい場合：

var setPromise = ref_accounts.child(accountId).child('achats_offres').child(key_achats_offres).set(true); 
var transactionPromise = firebase.database().ref('accounts').child(accountId).child('credits') 
      .transaction(function(credits) { 
       return credits - cout; 
      }); 
Promise.all([setPromise, transactionPromise]). 
     .then(function() { 
      $scope.modal2.hide(); 
      Utils.message(Popup.checkIcon, Popup.achatOffreEffectue); 
      $state.go('mes_achats'); 
     });