同步angularjs函数

Question

我在同步做angularjs函数有一个大问题。 我已经尝试过承诺和回调，但没有一个可以工作。

initMap().then(function(result){ 
    console.log("in initMap"); 

    getLocation().then(function(result){ 
     console.log("getLocation"); 
     if(result){ 
      getPlaces.getData(map,myLatlng).then(function(data){ 
       Array = data; 
       console.log("markersArray = ", markersArray); 
      }).catch(function(){ 
       console.log('testtesttest'); 
      }) 
     }else{ 
      console.log("error in getLocation"); 
     } 

    }).catch(function(){ 
     console.log("getLocationError"); 
    }) 
}).catch(function(error){ 
    console.log("bbbbb"); 
}) 

函数 'initMap（）' 有

{ 
    var defer = $q.defer(); 
    //Codes... 
    defer.resolve(data); 
    return defer.promise; 
} 

，从而功能 '的getLocation' 和.service'getPlaces'

然而，他们都异步进行的。 控制台打印为：

in initMap <-- 1 
getLocation <-- 2 
error in getLocation <-- 3 

数1应该不被打印，直到initMap（）得到解决。 因此，在解决getLocation之前不应打印第2和第3个数字，并检查结果为false或true。

我现在真的处于死路一条。

请帮忙。 任何建议都可以。 示例代码非常感谢。

预先感谢您。

Pawas

编辑： 每种方法的代码如下。

噢。我在离子平台上做这个。 这是否会影响angularjs的工作方式？ 以及如何解决该问题？

'initMap'

var mapOptions = { 
     center: myLatlng, 
     zoom: 16, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var mapVar = new google.maps.Map(document.getElementById("map"), mapOptions); 
    $scope.map = mapVar; 

    console.log("initMap");  
    var defer = $q.defer(); 
    defer.resolve('initMap'); 
    return defer.promise; 

'的getLocation'

var defer = $q.defer(); 
var suc = false; 

navigator.geolocation.getCurrentPosition(function(pos){ 
    myLatlng = new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude); 
    $scope.map.setCenter(myLatlng); 
    suc = true; 

},function(error){ 
    suc = false; 
},{ 
    timeout: 12000 
}); 
defer.resolve(suc); 
return defer.promise; 

'getPlaces'：

Sorry, this one I can't post the code. 

Answer 1

你的问题是，你返回之前解决的承诺。

var defer = $q.defer(); <-- create the promise 
defer.resolve('initMap'); <-- resolve it 
return defer.promise; <-- returns a resolved promise 

因此您的电话.then立即执行。在getCurrentPosition同样的事情，你总是与价值false

var defer = $q.defer(); 
var suc = false; 

// Here, this is a callback executed asynchronously. So the code continue to executes 
navigator.geolocation.getCurrentPosition(function(pos){ 
    myLatlng = new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude); 
    $scope.map.setCenter(myLatlng); 
    suc = true; 

},function(error){ 
    suc = false; 
},{ 
    timeout: 12000 
}); 

// This is resolve with the value false from the initialization of the variable above 
defer.resolve(suc); 
// Always returns a resolved promise with the value false 
return defer.promise; 

你的代码的第一部分似乎是同步解决您的承诺。创建Google地图对象是同步执行的。你可以将它转换成一个承诺，但它是没用的。

对于getLocation，移动异步回调中的解析。

var defer = $q.defer(); 
var suc = false; 

navigator.geolocation.getCurrentPosition(function(pos){ 
    myLatlng = new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude); 
    $scope.map.setCenter(myLatlng); 
    suc = true; 
    defer.resolve(suc); 

},function(error){ 
    suc = false; 
    defer.reject(suc); 
},{ 
    timeout: 12000 
}); 


return defer.promise;