问题标签 [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 投票
3 回答
294 浏览

javascript - angularjs,范围不跨功能更新 - 使用 ngTouch

我有一个这样的控制器:

如果 next()(使用 ngClick)被调用 3 次,我们得到:

//1

//2

//3

但是如果调用 back() (with ngSwipeLeft) 它会返回

//-1

当我明显期待

//2

我在这里想念什么?

更新:包括 ngTouch 详细信息 - 这似乎是问题.. ngTouch 包括在内。

当我观察 myVar 值时 - 它就像它存在两次一样 - 一次使用 ngSwipeLeft 调用,另一次使用 ngClick 调用

0 投票
0 回答
2360 浏览

angularjs - 纯 Angular js 图片库滑动到下一张图片

更新:我更改了我的代码(基于此示例... http://www.script-tutorials.com/photo-gallery-with-angularjs-and-css3/)现在向右滑动有效,但向左滑动没有吨

我为图库创建了一个控制器,并设法在单击缩略图时更改主图像。但是,当使用 ng-swipe-left 滑动时,我希望主图像也更改为下一个缩略图图像。主图像将滑出视图,但新图像不显示。这是我的控制器...

这是我的html...

更新:感谢 user814628 为我指明了正确的方向。我通过用简化的代码修改我的控制器来让它工作......

0 投票
0 回答
282 浏览

angularjs - Phonegap / Cordova + Talkback 导致动作被触发两次

我正在使用 Phonegap + AngularJS 开发一个应用程序,当我触摸屏幕上的任何项目时,ScreenReader 会说两次。

我在带有cordova + AngularJS = ngTouch的android 4.4.2上。

有人遇到过同样的问题吗?

在启用 VoiceOver 的 iOS 上,一切正常。

0 投票
1 回答
2833 浏览

javascript - 如何在 ngInclude 内的元素上使用 $swipe.bind (ngTouch)?

我有一个元素,我使用$swipe .bind (来自ngTouch)来连接控制器构造函数中的一些事件处理程序:

我将该元素移动到 ngInclude 中,但现在控制器构造函数在 Angular 处理 ngInclude 之前运行,因此$swipe.bind调用在执行$(element_selector)undefined会失败。

我研究了使用$includeContentLoaded来检测 ngInclude 何时被处理,但不清楚每次触发时加载了哪个 ngInclude,因此我的代码需要计算已加载的包含数,然后才能知道它是安全的使用$swipe.bind,这似乎不是一个强大的解决方案。

我怎样才能做到这一点?

0 投票
3 回答
9147 浏览

angularjs - 未在触摸屏设备上调用 Angular ng-click 功能

我有一个指令,其中包含一个 iScroll 元素,它是用来自 ng-repeat 的 li 构建的:

在指令的链接函数中,我有这样的 onClick 函数

这在桌面上完全按预期工作,但是在触摸屏上(在 iPad 上测试)时 openFilm() 函数永远不会被调用,但是,该元素确实应用了 ng-click-active 类。

我在 li 元素上确实有其他事件侦听器,但删除这些并没有任何区别。会不会和 iScroll 有关系?

我们使用的是 Angular 1.3,并添加了 ngTouch。

0 投票
1 回答
947 浏览

angularjs - ngSwipe 无法正常工作

我正在使用 AngularJs 为我的客户创建一个触摸屏应用程序。我正在使用 ngTouch,然后是指令 ng-swipe-left 和 ng-swipe-right。我创建了一个函数,当我向左滑动时应该调用它,向右滑动时也应该调用它。

HTML 模板:

我看到以下问题。

  1. 当我向左滑动时,我可以看到我的函数被调用但并非总是如此,它间歇性地工作,当它实际调用函数时我无法找到确切的位置(但是我不希望它仅适用于特定位置),因为当我在同一区域上滑动时,它并不是一直在工作,而是不断变化。

  2. 您看到我正在使用 ul -> li ->figure 和 figcaption - 当我尝试通过触摸作为图形和 figcaption 容器的 li 进行滑动时,我可以看到 figcaption 即文本被突出显示或选择,如果我在选择图像克隆而不是滑动的图像上触摸 sipw。(这可能与ngTouch无关,但不确定)

我该如何解决这两个问题。请帮忙。

0 投票
0 回答
363 浏览

angularjs - 在同一个元素上使用 ng-click 和 ng-swipe

使用 1.3 是否可以使这样的工作

当我尝试它时,只有滑动火

0 投票
0 回答
565 浏览

javascript - ng-swipe 时显示动画

我想在用户开始向屏幕两侧滑动时显示动画(箭头向左或向右移动,具体取决于滑动的方向),即用户已经开始滑动但尚未完成滑动. 此动画将在 angular.js 脚本确定滑动朝向哪个方向(向左或向右)时发生。

一旦脚本分析了滑动动作并了解了滑动的方向,则应该播放动画,直到滑动完成或用户将他/她的手指从屏幕上拉开。

滑动完成后,应向用户显示下一个屏幕。

我知道ng-swipe-leftng-swipe-right但我不知道如何在滑动开始和滑动完成之间显示动画

这个怎么做?

0 投票
0 回答
617 浏览

angularjs - ngTouch 打破表单/输入字段

我们有一个混合 Angular 应用程序,它正在经历可怕的300 毫秒延迟,即使它应该可以工作(因为已经设置了正确的元标记)。

我们尝试使用FastClick库来解决这个问题,它适用于 iOS 上的 Safari 和 Android 上的 Firefox。但在 Android 上的 Chrome 中,同样的问题仍然存在。

我们尝试通过包含Angular ngTouch模块来替换 FastClick,它解决了 Chrome 上的大部分问题。

现在由于某种原因,所有输入字段都不再起作用。触摸它们会被识别,因为字段的 CSS 发生了变化,但现在我们无法输入任何数据。长按输入会使光标出现在输入字段内,但键盘不会出现在移动设备上。表单的提交按钮也不再起作用。

此问题不仅在移动设备上可见,甚至在使用 Chrome 开发工具在本地调试时也是如此。

我们正在使用 Angular 和 Angular-touch 的 1.3.15 版本。

这是我们使用的登录表单的示例:

0 投票
0 回答
819 浏览

javascript - 需要在 angularJS 中触发 $swipe 事件

我正在将 ngTouch 用于有角度的 html5 混合应用程序。发生的一件事会导致 $swipe 将开始但不会结束的错误。例如,给定下面的代码:控制台将记录“刷卡开始”,没有别的。这通常发生在从 iOS 模拟器的屏幕顶部向上滑动时。

所以我正在考虑做的只是使用一个 setTimeout 在一小段时间后结束滑动(任何人有更好的想法让我知道)。这意味着我需要在元素上触发一个“结束”事件。有人知道怎么做吗?下面是我的第一次尝试(似乎不起作用)。