如何使用Angular.js將自動完成值轉換爲另一個對象

Question

我需要一個幫助。我需要在Angular.js中使用google API獲得自動完成的值。我在下面解釋我的代碼。

angular.module('app', []); 

angular.module('app').controller('ctrl', function ($scope, $element) { 
    $scope.data = {}; 
    var placeAutoCompleteInput = $element[0].querySelector('#place'); 
    var autoComplete = new google.maps.places.Autocomplete(placeAutoCompleteInput, {types: ['(cities)']}); 
console.log('autocomplete',placeAutoCompleteInput); 
    $scope.data.keyDown = function($event) { 
    console.log("keyDown", $event); 

    } 
}); 

鍵入文本框中我得到的值在下拉列表中，但我需要那些下拉取的值賦給另一個variable.Here後這裏是my full code。請幫幫我。

Answer 1

這種樣品可以幫助你找出如何使用谷歌地圖自動完成對angularJs

我用角谷歌 - 地方 - 自動完成組件，您可以找到它的githup

<input type="text" g-places-autocomplete ng-model="place" /> 
<h5>Result:</h5> 
<pre>{{place | json}}</pre> 

plnkr preview