如何使用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