用谷歌地圖API服務回調函數創建角度服務

Question

我想創建一個使用谷歌地圖地理編碼器的角度服務，但是我發現從谷歌回調執行服務函數後執行。

控制器

app.controller('AppCtrl',['geocoder',function AppCtrl (geocoder) { 
    var result=geocoder.geocode('greek'); 
    console.log(result); 
}); 

服務

app.service('geocoder',function() { 
      this.geocode=function(address) { 
        var geocoder = new google.maps.Geocoder(); 
        geocoder.geocode({ 'address': address}, function(results, status) { 
          if (status == google.maps.GeocoderStatus.OK) { 
            console.log(results); 
            return results; 
          } else { 
            return ('Geocode was not successful for the following reason: ' + status); 
          } 
        }); 
      }; 
    }); 

的問題是，在服務未定義的控制器輸出和所述的console.log（結果）的console.log（結果）得到的結果在函數調用之後從谷歌回來。也就是說，回調函數沒有及時返回結果。

有沒有辦法解決這個問題？ 謝謝。

Answer 1

回調是處理網絡\網絡調用的異步性質的方式。您需要將geocode方法的實現更改爲

• 接收到響應時調用回調函數。
• 返回可以在調用函數中使用then函數處理的承諾。

我發現這個博客帖子，詳細介紹這兩種方法http://markdalgleish.com/2013/06/using-promises-in-angularjs-views/

Answer 2

由於Chandermani指出的那樣，你需要提供你的方法有一個回調：

app.service('geocoder',function() { 
      this.geocode=function(address, outerCallback) { 
        var geocoder = new google.maps.Geocoder(); 
        geocoder.geocode({ 'address': address}, function(results, status) { 
          console.log(results); 
          if (status == google.maps.GeocoderStatus.OK) { 
            outerCallback({success: true, err: null, results: results}); 
          } else { 
            outerCallback({success:false, err: new Error('Geocode was not successful for the following reason: ' + status), results: null}); 
          } 
        }); 
      }; 
    }); 

在你的控制器：

app.controller('AppCtrl',['geocoder',function AppCtrl (geocoder) { 
    var result=geocoder.geocode('greek', function(callbackResult) { 
     console.log(callbackResult); //{success: true, err: undefined, results: {...} or {success:false, err: Error object, results: undefined} 
    }); 

}); 

如果這樣工作，那麼你很好地重構代碼以使用promise。

希望這有助於

R.