问题标签 [angular-touch]

我们有这个方形<div>元素，它有一个特定的类应用于样式。里面有一个垂直/水平对齐的<span>元素，它应用了精灵类来显示图像。

正方形有黑色背景，图像是一个扁平的黄色图标。这个想法是当用户触摸整个正方形（包括背景和图像）时切换颜色。为此，我们需要切换 2 个类，打开用于外部<div>（显示黄色背景）和另一个用于内部<span>显示精灵的黑色图像。

问题是，如何使用 AngularJS 和 touch down 和 up 事件来实现这一点。我们正在使用angular-touch但这只是ngClick为了更好地实现移动/触摸设备以及添加ngSwipeLeft和ngSwipeRight指令而覆盖。两者似乎都对我们的问题没有帮助。

使用 AngularJS 实现这种效果的最佳方法是什么？

我正在尝试创建一个轮播，其内部将是带有图像的可滚动 div。

问题是滑动事件相互冲突。

Plunker（图片在幻灯片 2 上）

我的代码：

非常感谢

阿维

如何使用 angular-touch 库添加 ng-swipe-left 和 ng-swipe-right 来导航 angularUI datepicker 下个月和上个月？

我在这里添加了 plunker

从 plunker 代码中，我收到Error: $rootScope:inprog Action Already In Progress从浏览器控制台。

我ngTouch用来消除移动设备上的延迟，但在移动设备上单击图像什么都不做。在我的应用程序上，单击图像会调用放大图像的指令，因此没有ng-click. 这是指令：

这在我介绍之前工作正常，ngTouch所以我相信element.bind('click'它没有注册点击的方面存在问题。虽然它在浏览器上运行得非常好，但该指令确实有效。

在开发一个使用 phonegap、angular touch 和 jquery 的应用程序时，我们在一些 android 设备上偶然发现了这个错误。

当触摸并移过不可滚动的对象时，屏幕变为空白。滚动身体时，屏幕恢复生机。所有元素都保留在 dom 中并且仍然触发事件等等。使用开发人员工具时，我们仍然可以看到元素。

http://youtu.be/NdTerKi08WE

有没有人见过这个错误？

编辑

我使用 phongegap 构建，所以我无权访问 java 文件。此问题仅出现在 Android 5 手机上。

编辑 2

设备 chrome 浏览器上的同样问题，所以它可能不是电话间隙问题。

如果角应用程序没有被触摸（移动浏览器）或点击特定秒，它应该通过警报。
有人可以帮忙吗？

angular-touch ngClick 指令的文档说

该指令可以回退到使用普通的点击事件，因此适用于桌面浏览器和移动设备。

但没有解释如何。查看源代码，我没有找到任何可以自定义的提供程序。

我认为这个问题与26147584 不同，因为我不需要选择性解决方案，而是源代码文档中提到的那个。

我有一个 ng-repeat，我通过它来展示学生卡片。

我只是想按照相关规定重新排列他们的顺序。

我可以通过什么方式做到这一点？

我正在尝试使用 angular-touch 模块及其 $swipe 服务以及 html5 画布制作一个基本的绘图程序，这是我想出的，它包含在我知道有效的模块和控制器中

我的画布的 html 只是一个基本的<canvas></canvas>

我的问题是，当元素被触摸或单击或滑动时，作为一部分的事件函数$swipe.bind()从未真正被调用。我似乎可以开始工作的唯一回调是我在短时间内重复点击或单击画布的取消。我正在使用 jquery mobile，但在 jquery 和 jquery mobile 之后加载 angularjs 和 angularjs-touch。有谁知道为什么这不起作用？

这只是一个问题，但我想知道是否有任何 angularjs/bootstrap 模块可以帮助我实现以下目标

1. 在触摸屏幕边缘时，菜单弹出就像我们在本机滑块菜单 UI（关闭画布菜单）中一样
2. 在仅基于触摸位置触摸打开菜单和拖动菜单位置时。
3. 使用触摸滑动（左或右）打开菜单。
4. 基于滑动或触摸或拖动打开菜单

我见过 ngAside http://ngmodules.org/modules/ngAside http://jtrussell.github.io/angular-snap.js/

除此之外，还有任何其他框架可以帮助我实现上述几点。