Angular 传单指令点击事件在移动设备上不起作用答案

【问题标题】：Angular leaflet directive click events not working on mobile devicesAngular 传单指令点击事件在移动设备上不起作用
【发布时间】：2016-11-14 11:47:55
【问题描述】：

我在 ionic 中使用传单和角度传单指令进行地图开发，地图是 mapbox。在浏览器中，一切正常，但在 iPad 模拟器上，点击事件根本不起作用，包括标记和缩放按钮。但是 dbclick to zoom 工作正常。

我不知道为什么会出现这个问题。

我尝试了很多方法，但都没有成功，我真的需要建议。

提前谢谢你。

【问题讨论】：

【解决方案1】：

用于触摸事件的 Leaflet 事件处理程序有时不能很好地与 ionic 和类似平台提供的触摸事件包装器配合使用。

解决该问题的常用方法是发送至disable the tap option in the L.Map instance。这样，Leaflet 将假定“干净”的鼠标事件，并且只有 ionic 会应用触摸事件黑客。

【讨论】：

感谢您的回答，我已经尝试过您的方法，但似乎没有成功，在 iPad 模拟器上，点击事件不会被触发。我已经在指令中硬编码使 tap 为 false，我是否错误地执行了该方法？希望你能帮助我

【解决方案2】：

解决方案是在父元素中添加属性'data-tap-disabled="true"'，这样Ionic就不会处理这些事件了：

<ion-content data-tap-disabled="true">
    <leaflet height="480px"></leaflet>
</ion-content>

【讨论】：