问题标签 [angularjs-ng-touch]

我有一个项目列表，当我将手指移到每个项目上时，我想获取每个项目的 ID。它适用于鼠标，但不适用于触摸。我正在使用这个库：https ://github.com/nglar/ngTouch

HTML：

JS：

如果我在当前元素中，它工作正常，它检测到 3 个动作。但是例如，当我触摸第 1 项并将手指移动到第 2 项时，它没有检测到它，它仍然在第 1 项上。

我正在尝试在 iPad 上测试一个应用程序，我发现 ng-click 在 ipad 纵向模式下不起作用。它在桌面和 ipad 横向模式下按预期工作。

即使在 android 手机上也可以看到相同的行为。在横向模式下工作，但在纵向模式下不工作。

这是我的看法：

我的控制器：

我正在使用角度触摸，当单击 dektop 和 ipad（横向模式）时，类变为 ng-click-active。但是当它处于纵向模式时，类不会变成 ng-click-active。

问题似乎只适用于这个模块，因为其他模块 touch 工作正常。

Angular - 版本 - 1.3.8 Angular-touch 版本 - 1.4.3

我在 Angular 1.3.12 中使用 ngTouch 模块，在 iPad 和桌面上运行我的网站。

该问题特定于移动设备 (iPad)。

我有一个包含在标签中的复选框输入，以便复选框和标签都可以检测到触摸：

使用 ngTouch 的 ng-click 指令在 iPad 上的响应速度确实更快，但是在这种情况下，我注意到即使我能够快速触摸复选框或标签，复选标记也只会在稍有延迟后切换。

如何使此切换显示得更快？这可能与 ng-clicks 相关的 300 毫秒延迟有关吗？

使用 ngClick 我可以轻松地从 event.offsetX 获取相对点击坐标。但是使用 ngTouch 似乎没有明显的方法可以做到这一点。我已经彻底检查了 event.originalEvent.changedTouches[] 数组，但我的触摸事件中的所有坐标都是绝对的。

唯一的方法似乎是遍历 DOM 并获取每个元素相对于其父元素的偏移量……确实是一个糟糕的解决方案。我错过了什么吗？触摸相对于聆听元素的 x,y 坐标在哪里可以轻松访问？

我正在使用 Angular 1.4.0 和 jQuery v1.11.1。

我正在尝试使用 ngTouch/ngSwipe。两者都不会停止在应用加载时（在绑定函数内）抛出错误“TypeError: element.on is not a function”。可悲的是，我无法在 plunkr 中重现此错误，无论如何 ngSwipe 在以下情况下遇到了该问题：

我不认为这对我的其他代码来说是一个太大的问题，但我缺少某种依赖。有人有想法吗？

提前致谢。

我正在尝试使用图像和 youtube 视频构建简单的滑块。我想让它在触摸设备上正常工作，所以我想ng-swipe-*从 angular 的ngTouch模块中使用。不幸的是，滑动不适用于 youtube 的 iframe。我尝试设置为 lower z-index: -10;，但后来我无法播放视频。

你知道如何解决这个问题吗？

有一个片段：

（测试它的最好方法是在 Chrome 开发者控制台中运行它并在触摸设备上模拟）

我有一个充满图像的页面，并且在每个图像上都有一个 ng-click。问题是用户无法在触摸设备上滚动。我尝试使用 $swipe 服务的绑定方法。这是我的实现：

根据文档，应该发生以下事情：

一旦超过此阈值，水平或垂直增量会更大。

• 如果水平距离较大，则这是滑动和移动以及随后的结束事件。
• 如果垂直距离更大，这是一个滚动，我们让浏览器接管。发送取消事件。

发生的事情是发送了取消事件，但滚动从未发生。有什么我想念的吗？

我正在开发一个 AngularJs 网络应用程序，并且刚刚开始使用 ngTouch 来识别左右滑动，我想用它来打开和关闭我的侧栏菜单。目前它可以工作并且菜单打开和关闭但是，我将滑动事件绑定到整个包装器，就像这样<div ng-style="body_style" id="wrapper" ng-swipe-right="showMenu()" ng-swipe-left="hideMenu()">，这使得整个应用程序成为滑动区域。我希望能够将其设置为应用程序左上象限的一个区域，如下所示：

这将允许我为其他功能设置其他滑动区域，而不是仅限于一个区域。

我知道我可以制作一个 div 并将其放置在具有定义宽度和高度的位置，但是 div 会阻止其他区域的内容，这样当有人去“点击”某些东西时，他们实际上会点击滑动区域的不可见 div . 我知道必须有办法解决这个问题，但我想不出一个。

tldr：如何设置一个区域来捕获不会影响可能位于其下方的其他元素的交互性的滑动事件？

我有登录表单，如果用户名或密码错误，我会清除模型，当我提交表单时模型值被清除，但显示文本框验证消息。这是我的代码。

登录.html

控制器代码：

我有一个随机函数，当用户按下按钮时我会调用它。我想继续运行该功能，直到用户释放按钮。

我找到了 mouse-down 指令，但它似乎不适用于移动设备。

我还使用ng-touchstart库尝试了下面的代码。

HTML

控制器

连ng-touchmove事件都没有触发。

有什么方法可以实现我想要的吗？