0

私はIonicフレームワークを使用してandroidアプリケーションを開発しており、それにマップを使用しており、検索ボックスも置いています。しかし、テキストボックス内の場所を検索すると、その場所はドロップダウンとして表示されますが、タップを使用して選択するか、Android携帯でクリックすることはできません。誰かがデバイス内でタップして場所を選択する方法を助けることができますか?ここに私の電話のスクリーンショットがあります。私はそれをタップして位置を選択したいが、そうすることはできない。ここIonicのGoogle検索Places APIからの応答をタップ

enter image description here

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

答えて

0

は、入力ボックスの

<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'); 
    } 
関連する問題