実行を注文する$ qを追加する方法は？

Question

私は実行を命じる必要があります。一度呼び出されると、私のCOMPLETE coords（）メソッドが終了したことを確認する必要があります。それに約束や$ qを追加する方法は？私はコンソール上で印刷しようとしましたが、coords（）関数の最後の行が実行された後にfor each coops in coordsが完了しました。以下のコードを参照してください。私はあなたがfirebaseを使用していて、簡単に変数に格納返された子どもたちを確認することができます

var appa = angular.module('appa',['firebase','uiGmapgoogle-maps']); 
 
appa.controller('mainCtrl', function($firebaseObject,$scope,$q) { 
 

 
       $scope.coords = function(){ 
 
       
 
       var ref = firebase.database().ref(); 
 
       var latArray = []; 
 
       var lngArray = []; 
 
       var cenlat; 
 
       var cenlng; 
 
        var marker = []; 
 
       ref.once("value") 
 
       .then(function(snapshot) 
 
       { 
 
       snapshot.forEach(function(child) 
 
       { 
 

 
        latArray.push(child.child("Lat").val()); 
 
        console.log(child.child("Lat").val()); 
 
        lngArray.push(child.child("Long").val()); 
 
        var mark = { 
 
        id: child.child("Id").val(), 
 
        coords: { 
 
        latitude: child.child("Lat").val(), 
 
        longitude: child.child("Long").val() 
 
        }, 
 
        options: { title: child.child("Alt").val() } 
 
        }; 
 
        marker.push(mark); 
 
CONSOLE.LOG("wWHY IS THIS PRINTED aFTER??? AND HOW TO HANDLE THIS ??"); 
 
       }); 
 

 
        cenlat = (Math.max.apply(Math,latArray)+Math.min.apply(Math,latArray)/2); 
 
        cenlng = (Math.max.apply(Math,lngArray)+Math.min.apply(Math,lngArray)/2); 
 

 
       }); 
 
       $scope.map.center.latitude = cenlat; 
 
       $scope.map.center.longitude = cenlng; 
 
CONSOLE.LOG("wWHY IS THIS PRINTED BEFORE??? AND HOW TO HANDLE THIS ??"); 
 
}); 
 
       }; 
 

 
       $scope.map = { 
 
       center: 
 
       { 
 
        latitude: 51, 
 
        longitude: 4 
 
         }, 
 
       zoom: 2 
 
         }; 
 

 
     $scope.coords(); 
 
     
 

 

 
    });

Answer 1

下さい角度の助けには本当に新しいです。 forEachループ内の変数を減らします。

//initialized var a, is having child count 
 
a = snapshot.numChildren();

そして、以下の完全なコードは、実行順序を作成して、約束の基本的な実装を持っています。私は、console.logを追加して注文を表示しています。どのように役立つことを願っています。

//complete code 
 

 
var appa = angular.module('appa',['firebase','uiGmapgoogle-maps']); 
 
appa.controller('mainCtrl', function($firebaseObject,$scope,$q){ 
 

 
       $scope.coords = function(){ 
 
var q = $q.defer(); 
 
       var ref = firebase.database().ref(); 
 
       var latArray = []; 
 
       var lngArray = []; 
 
       var cenlat; 
 
       var cenlng; 
 
       var a="0"; 
 
       var marker = []; 
 

 
       ref.once("value") 
 
       .then(function(snapshot) 
 
       { 
 
       a = snapshot.numChildren(); 
 
       console.log(a); 
 
       snapshot.forEach(function(child) 
 
       { 
 
        latArray.push(child.child("Lat").val()); 
 
        console.log(child.child("Lat").val()); 
 
        lngArray.push(child.child("Long").val()); 
 
        var mark = { 
 
        id: child.child("Id").val(), 
 
        coords: { 
 
        latitude: child.child("Lat").val(), 
 
        longitude: child.child("Long").val() 
 
        }, 
 
        options: { title: child.child("Alt").val() } 
 
        }; 
 
        a= a-1; 
 
        console.log("this is current"+a); 
 
        marker.push(mark); 
 
       }); 
 
console.log("hi"+a); 
 
console.log("going for cenlat"+cenlat); 
 
      cenlat = (Math.max.apply(Math,latArray)+Math.min.apply(Math,latArray)/2); 
 
console.log("done with cenlat"+cenlat); 
 
console.log("going for cenlng"+cenlng); 
 
      cenlng = (Math.max.apply(Math,lngArray)+Math.min.apply(Math,lngArray)/2); 
 
console.log("done with cenlng"+cenlng); 
 
      $scope.map.center.latitude = cenlat; 
 
      $scope.map.center.longitude = cenlng; 
 
      if(a==0){ 
 
      q.resolve('resolved'); 
 
      } 
 
      else{ 
 
      q.reject('rejected'); 
 
      } 
 
       }); 
 

 
       }; 
 
       $scope.map = { 
 
       center: 
 
       { 
 
        latitude: 51, 
 
        longitude: 4 
 
         }, 
 
       zoom: 2 
 
         }; 
 

 
    $scope.coords().then(
 
     function(v){ 
 
console.log(v); 
 
     }, 
 
    function(err){ 
 
console.log(err); 
 
    }); 
 

 
    });