问题标签 [angularjs-ng-touch]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
6282 浏览

angularjs - AngularJS 中 ngTouch 依赖的用途是什么?

我是 AngularJs 编程的初学者,但我无法弄清楚 ngTouch 在 angularjs 中的用途是什么?我问这个问题是因为我做了一个小网站,我认为它在没有 ngTouch 模块的选项卡上无法正常工作,所以我在那里使用它,但由于一些错误,我从模块中删除了它的依赖关系,它是按预期工作,而且由于使用了 ngTouch,我在 android 触摸设备上也遇到了很多问题。那么 ngTouch 有什么用呢?

0 投票
1 回答
1288 浏览

angularjs - 在 ng-swipe-left 时抑制 ng-click 动作

单击或向左滑动时,按钮在触摸屏上完美运行:

但是,在通过鼠标单击和左拖动组合完成左滑的桌面上,也会触发 click 事件。

有什么办法可以压制这个吗?

0 投票
1 回答
616 浏览

angularjs - Angular ng-Touch 滑动事件在 Windows 8.1 和 Windows Phone 上失败

我目前正在使用带有以下代码的 Angular 1.3.13、angular-touch 1.3.15 和 Cordova 4.1.2。

使用以下控制器。

在 Windows Phone 和 Windows 8.1 模拟器中,滑动事件触发良好,直到列表变得足够大以触发溢出,滑动事件停止触发。如果将溢出属性设置为隐藏,则滑动事件将恢复工作。有没有人见过这个问题?如果需要更多信息,请告诉我。

0 投票
0 回答
726 浏览

angularjs - AngularJS ngTouch $swipe move 不起作用

我使用 ngTouch Module 为触摸设备实现了一些东西。“开始”工作正常。但是,如果我将对象拖出第一个放置区域,则不会显示“移动”情况下的 console.log()。在第一个放置区域内“移动”有效。

HTML:

指示:

也许您对我的用例感兴趣:如果用户拖动页面底部的对象,我希望窗口自动滚动。拖放是通过 ngDraggable ( https://github.com/fatlinesofcode/ngDraggable ) 解决的,也许有一些替代方案。有任何想法吗?

0 投票
1 回答
1778 浏览

angularjs - 在特定位置禁用 ng-touch

我正在使用轮播ui.bootstrap,为此我需要使用 ng-touch。当我用它注入我的应用程序时,ngTouch它会阻止一些东西,无法单击移动设备中的输入。我如何注入特定的控制器,我试图制作两个不同的模块,但我必须在 ng-app 模块中加载带有 ngTouch 的模块,然后再次刹车。

0 投票
1 回答
420 浏览

javascript - ng-click on body 使用 ngTouch 在移动设备上断开链接和输入字段

不确定是否有人可以在这里帮助我,我可能不得不想出一些不同的东西,但我想提出这个问题,因为我在这里没有找到类似的东西。

我有一个带有可滑动菜单的类似应用程序的网站,我希望它在用户点击菜单外的某个位置时消失。因此,我使用 ngTouch 进​​行滑动并附加 ng-click="menuToggled = false" 以在单击/点击时关闭菜单。

但是,如果 ng-click 附加到正文,则菜单中的链接不起作用,我无法将任何输入字段集中在正文上。

这只发生在移动设备上:iOS 或 Android(或 chrome 设备仿真)。

正如我所说,我可能不得不考虑另一种解决方案来关闭点击菜单,但这个问题对我来说似乎很奇怪,也许有人对此有一些想法。

正如我所说,这是一个简单的演示,它适用于桌面,但如果您在 Chrome 上使用 F12 启用设备模拟,您将无法聚焦输入字段,除非您按住鼠标按钮:

http://jsfiddle.net/L85g3grs/

0 投票
0 回答
56 浏览

css - 是否可以配置 ngTouch 以在某些元素上添加轻微延迟?

我知道 ngTouch 消除了移动设备上默认的 300 毫秒延迟,以提供更好的移动体验,但它使移动链接点击发生得如此之快,以至于该-webkit-tap-highlight-color样式不再适用。我需要有一些元素具有这种突出显示样式。是否可以为这些元素添加属性或让 ngTouch 至少有一点延迟,比如 100 毫秒?PS我尝试在样式上添加突出显示样式ng-click-active,但没有奏效。我还添加了一个 JS 拦截器,它在点击时手动应用高亮类,但这也不起作用。

0 投票
1 回答
409 浏览

javascript - 使用角度 ng-swipe-left 和 ng-swipe-right 进行滑动时旋转图像

我正在使用angular's ng-swipe-leftandng-swipe-right来捕捉滑动事件(联系)。我正在尝试在滑动过程中根据滑动速度和方向旋转图像。问题是我只能在滑动结束时捕捉到事件。

0 投票
1 回答
188 浏览

javascript - 下拉切换不适用于 ngTouch

我需要停止主 DIV 上的事件传播,并在原始事件对象上设置一个标志,无论事件是否发生在“more_vert”按钮上。这工作正常,但在启用ngTouch下一个代码后在操作系统中不起作用:Android / 浏览器:Google Chrome。

我使用 Angular 1.4.7。

0 投票
1 回答
262 浏览

javascript - ng-submit 不触发角触摸/触摸事件

我有一个奇怪的问题,触摸事件没有触发ng-submitng-click(在 chrome 设备开发工具中)。Chrome 开发工具模拟 touchstart/touchend 事件,所以我不确定为什么这不起作用。它在桌面上运行良好。

给定以下 HTML 表单:

以及以下指令/控制器:

控制台日志从不注册。它在桌面上运行良好。奇怪的是该类ng-submitted被添加到表单中。

我错过了一些与ng-submit触摸事件有关的东西吗?