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);

  }
});

在输入文本框后，我在下拉列表中获取值，但我需要将这些下拉提取的值分配给另一个变量。这里是my full code。请帮帮我。

Answer 1

此示例可以帮助您弄清楚如何在angularJs上使用谷歌地图自动完成

我使用了angular-google-places-autocomplete组件，你可以在githup上找到它

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

plnkr preview

如何使用Angular.js将自动完成值转换为另一个对象

1 个答案: