在Ionic中点击来自Google Search Places API的响应

Question

我正在使用Ionic框架开发android应用程序，并且在其中使用了地图，还放置了一个搜索框。 但是，当我在文本框中搜索位置时，该位置显示为下拉列表，但无法使用点击或在我的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');
  }