android - 无法从 Google 地点自动完成中选择

Question

我正在开发一个在 Android 上运行的 ionic 应用程序。在特定屏幕上，我有一个谷歌地图和一个搜索框。我使用谷歌地图的手机间隙插件来获取本地 map ，而不是使用谷歌地图 Javascript API，因为它太慢了。

搜索框是自动完成的，可以使用以下代码从 google 获取地点 -

input = document.getElementById 'search-input'
autocomplete = new google.maps.places.Autocomplete(input)

这将使输入字段自动完成来自 google 的地点。问题是我无法从自动完成下拉列表中选择任何选项。

我的 HTML 代码 -

<ion-content scroll="false">

   <div id="searchBox">
     <input id="search-input">
   </div>
   <div id="map-canvas">

</ion-content>

map-canvas 包含 map 。我尝试将 ng-focus="disableTap()" 添加到输入搜索输入中。

disableTap = ->
   container = document.getElementsByClassName 'pac-container'
   angular.element(container).attr 'data-tap-disabled', 'true'
   angular.element(container).on 'click', ->
        document.getElementById('search-input').blur()

我在 this link 找到了这个解决方案

但这行不通。这里有什么输入吗？我已经无计可施了。

Answer 1

以下对我有用。来自用户@ TillaTheHun0 :

.controller('MyCtrl', function($scope) {
  $scope.disableTap = function(){
    container = document.getElementsByClassName('pac-container');
    // disable ionic data tab
    angular.element(container).attr('data-tap-disabled', 'true');
    // leave input field if google-address-entry is selected
    angular.element(container).on("click", function(){
        document.getElementById('searchBar').blur();
    });
  };
})