Google Maps APIオートコンプリートのpac-container divのクリックイベント

Question

Google Maps APIオートコンプリートの動的に作成されたpac-container divへのクリックイベントの伝播を止めようとしています。同様の質問が既に出されていますが、答えがうまくいかない google places api autocomplete - adding click event

解決策は、クリックイベントがオートコンプリートによってキャンセルされ、代わりにmousedownイベントを使用することです。それは技術的にはうまくいっていましたが、ドキュメントの出来事をクリックからマウスに変更する必要がありました。これは私がしたくない犠牲です。

私はGoogleマップのAPIイベントを調べましたが、オートコンプリートは 'place_changed'イベントのみを送信します。以下のpac-container divでの伝播を停止する私のコード。

var pacContainers = document.getElementsByClassName("pac-container"); 

angular.forEach(pacContainers, function(value, key) { 

    // the click event is cancelled by the Autocomplete instance   
    angular.element(value).on('click', function($event) { 

     $event.stopPropagation(); 

    }); 

}); 

Answer 1

あなたが角度を使用しているので、あなたがpacContainerという名前のディレクティブを作成し、要素のリンクまたはコントローラのいずれかのためにあなたのforEach内のコードを実行し、それがのstopPropagation上でのクリックイベントハンドラをバインドしますすることができます作成されたpacコンテナ要素。

Answer 2

間隔やタイムアウトを使用しないで同様の問題が解決され、代わりにng-focusを使用して要素が準備されていることを示します。

は、PAC-コンテナはそれがフォーカスを受け取った時の用意ができているだろう、とあなたはクリックハンドラを添付することができます知っているときそれはだhttps://github.com/driftyco/ionic/issues/1798#issuecomment-95943955

を参照してください。