javascript - Angular Material 中更智能的触摸事件

Question

前提

ngTouch是一个库，它使通过 ngClick 的触摸事件在行为上更加直观/接近标准触摸模型。点击是点击；触摸和按住可以以独特的方式处理，或者在触摸释放时触发点击事件；离开原始目标时释放触摸不会触发原始元素的单击事件。我的应用使用的 Angular Material 与 ngTouch 不兼容。

问题

我们观察到一些用户在移动设备上与应用程序进行交互，并且在很多地方都过早触发了元素的单击事件。例如:用户尝试滚动浏览图片库，但详细预览不断弹出，因此他们无法向下滚动。我相信实际的点击事件与 ontouchstart 相关联，以消除 vanilla Angular 中点击的标准 300 毫秒延迟，这意味着将有效忽略与标准点击不同的触摸(即按住、滑动)的任何附加效果.

我正在寻找一种模仿 ngTouch 智能触摸事件的方法，以防止这种意外行为。我不认为我可以使用装饰器，因为这将涉及我要么用一个全新的指令覆盖 ngClick 指令(我以前做过，但导致了许多 Material 元素的事件委托(delegate)的一些严重问题)，要么接受该指令事实上，正常的点击事件将在我的代码之前触发，并尝试追溯处理该事件。我有什么选择？

Answer 1

从 1.1.4 开始，这似乎已经在 Angular-Material 库中得到了原生解决。