iOS 10 上 Ionic 和 Cordova 的点击问题答案

【问题标题】：Tap issue with Ionic and Cordova on iOS 10iOS 10 上 Ionic 和 Cordova 的点击问题
【发布时间】：2017-01-17 07:45:13
【问题描述】：

iOS 10仍处于测试阶段，但将于 13 日星期二发布。

我在我的 iPad 上安装了测试版，但我注意到水龙头的工作不正常。（单击不起作用，您必须单击几次才能模拟单击（或单击按钮，更改页面等）

我目前正在运行 ios 10.0.1（昨晚更新），但我仍然面临这个问题。

有人遇到同样的问题吗？

我只能在我的应用上看到这种行为，其他应用都可以正常工作。

设置是：

离子 1.3.1

科尔多瓦 6.3.1

我需要记住 iOS 10 事件有什么变化吗？抱歉这个含糊的问题，但这是我需要在他们正式发布之前解决的问题，否则我会有很多愤怒的客户。

谢谢！！！

小更新

将ng-click 替换为on-tap 应该可以解决部分问题。 ui-sref 和任何其他不使用 ng-click 的地方仍然会有问题。

我已经在很多不同的地方发布了这个问题，如果你想跟踪它，他们在这里：

【问题讨论】：

你试过github.com/ftlabs/fastclick吗？
是的，我尝试使用 fastclick，但没有任何接缝可更改...
是的，我忘记了 ionic 已经内置了 300 毫秒的延迟移除功能（我的错）。它是分叉的hammer.js？检查您是否没有使用 ngClick（如果您还没有使用，请删除快速点击）。确保您详细阅读了 ionic 的点击和点击文档，以防它有助于为您指明正确的方向。
我正在使用 ngClick...你能解释一下为什么我不应该这样做吗？
并非如此。我只能模仿我在点击文档中读到的内容，这解释了 ngClick 有时会与 ionic 的机制发生冲突

【解决方案1】：

使用（点击）指令而不是（点击）指令。

角度 2：

Ionic 在后台为您提供了hammerjs，如果您使用(tap) 指令，angular 2 将完成所有接线以将该指令与hammerjs 连接，并消除300 毫秒的延迟。祝你好运。

例子：

<my-component (tap)="doSomething()"></my-component>

Angular 1.x：

试试http://ryanmullins.github.io/angular-hammer/ 是hammerjs 的人推荐的Angular 1.x 存储库

例子：

<div hm-tap="doSomething"></div>

【讨论】：

【解决方案2】：

我在网站上找到了一种解决方案。但我不在我的应用程序中使用 ng-material。你试过吗？？？？

.config(function( $mdGestureProvider ) {
          $mdGestureProvider.skipClickHijack();
  })

【讨论】：

【解决方案3】：

已修复！

我终于解决了这个问题。我不知道这对你是否有用。问题是我从 ionic market 买的一个插件，准确地说是这个：

我已经给开发者发了邮件，但是如果你在使用这个插件，可能是ios10不工作的原因。

【讨论】：