点击Ionic中来自Google Search Places API的回复

Question

我正在使用Ionic框架开发android应用程序，我在其中使用map并且还放了一个搜索框。但是，当我在文本框中搜索位置时，该位置显示为下拉列表但无法使用点按或在我的Android手机中单击来选择它。任何人都可以通过点击设备来帮助选择位置吗？这是我手机的屏幕截图。我想点击它来选择位置但不能这样做。

这是我的HTML代码：

    <div class="phl">
        <input id="pac-input" class="controls" type="text" placeholder="Search Box" ng-model="vm.location.formatted_address">
    <div id="map"></div>

这是我的控制器代码：

    var input = document.getElementById('pac-input');
    var searchBox = new google.maps.places.SearchBox(input);

Answer 1

为输入框添加更改事件

<input id="pac-input" class="controls" type="text" placeholder="Search Box" ng-model="vm.location.formatted_address" ng-change="disableTap()">

然后在函数

中添加此代码

function disableTap() {
    var container = document.getElementsByClassName('pac-container');
    angular.element(container).attr('data-tap-disabled', 'true');
  }