问题标签 [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 回答
865 浏览

javascript - ngTouch 快速点击在移动 Safari 上不起作用

我正在使用 AngularJS 1.2.10 创建一个 iOS Web 应用程序,并使用 ngTouch 来实现快速点击功能。但是,它似乎不起作用。使用 ng-click 时仍有明显的延迟。

作为测试,我删除了 ngTouch 并添加了 fastclick.js 库,这似乎按预期工作。

有任何想法吗?

0 投票
0 回答
3852 浏览

jquery - 如果不使用 jQuery,ui-sref 不能与 ng-click (angular-touch) 一起使用

我很难从我们的应用程序中删除 jQuery。主要问题:一个简单的链接ng-click结合ui-sref

结果:ng-click着火了,ui-sref没有。这仅在使用angular-touch时发生,没有jQuery作为依赖项和移动浏览器,或者在新的 chrome 32 中模拟移动设备(我使用 Nexus 4 作为模拟目标)。

一个运行示例:http: //jsfiddle.net/scheffield/AEfMm/

看效果: http: //jsfiddle.net/scheffield/AEfMm/show in a mobile browser

我已经做了一些研究,发现事件对象已损坏:

它是一个对象,只包含两个实现为angular.noop.

有任何想法吗?

0 投票
1 回答
6395 浏览

javascript - 为什么在使用 ngTouch 时会触发多个点击事件?

我正在使用 Angular 构建一个移动 Web 应用程序,并且我正在尝试合并ngTouch(角度触摸)模块来加速移动设备上的点击事件。

这是没有ngTouch 的应用程序:http: //lukasolson.github.io/n-spade-cards/ng-click/

这是带有ngTouch 的应用程序:http: //lukasolson.github.io/n-spade-cards/ng-touch/

我正在使用带有 Safari 的 iPhone 5 进行测试。

没有 ngTouch 模块,一切正常,但有 300 毫秒的点击延迟。

但是,使用 ngTouch 模块,每次我点击屏幕时,网络应用程序都会认为我点击了两次,从而破坏了我的应用程序的功能。

我是否错误地包含了 ngTouch 模块?为什么会触发多个点击事件?

0 投票
0 回答
2120 浏览

angularjs - 基于AngularJS中滑动方向的不同滑动动画

我已经在 J​​SFiddle 中创建了一个非常基本的版本,可以在这里找到:http: //jsfiddle.net/hamchapman/a97Yq/5/

这是 JSFiddle 不起作用的代码:

您可以看到,这感觉就像是一种相当拼凑的方法,而且它也不能完美地工作。在给定索引处第一次单击(或滑动)项目时不会发生动画(因为向左/向右滑动类仅在单击(或滑动)时应用。

它通常很容易出错,而且看起来不像使用 Angular 的方式。

根据滑动方向(或单击哪个按钮)实现不同动画的更好方法是什么?

0 投票
2 回答
527 浏览

javascript - ngTouch 模块阻止从 href 属性重定向到 url

我在移动设备上的应用程序出现问题。我有这样的事情:

这是菜单中的链接之一。我想要并且在 dekstop 上运行良好的是关闭菜单并从href属性重定向到正确的 url。

这不适用于移动设备(也在 chrome devtools 的模拟器上)。它正在切换菜单,但没有重定向。

当我ngTouch从应用程序引导文件中的依赖项中删除模块时,问题消失了。

有人有类似的情况并且已经知道解决方案吗?还是ngTouch模块的bug?

演示

在您的开发工具中启用触摸仿真并单击链接。正如您所看到toggle的,当链接不存在时,功能正常工作。

http://plnkr.co/edit/1TldHkHvVfo4OmH7MLk4?p=preview

0 投票
3 回答
21262 浏览

angularjs - Angular JS 触摸和滑动

我对 Angular JS 非常陌生,并且正在开发移动应用程序。作为其中的一部分,我需要编写一个服务来处理触摸事件,例如向左滑动、向右滑动、向上滑动和向下滑动,并且我需要根据执行的操作进行回调。请让我知道是否有任何有用的教程。

0 投票
2 回答
10090 浏览

angularjs - AngularJS 点击 TouchStart

Angular TouchngTouch会导致点击在触摸释放时发生。

有没有办法让点击发生在触摸开始?

下面的fast-click指令似乎可以在触摸屏上执行我想要的操作,但它不适用于鼠标单击。

0 投票
0 回答
272 浏览

angularjs - 当我使用 ngRoute 时,ngTouch 不起作用

当我将 ngTouch 添加到使用 ngRoute 的应用程序时,这似乎不起作用,但是当我删除 ngRoute 时它起作用了......我不知道为什么

和我的html

ng-swipe-right 不适用于 ngRoute,但没有它也可以使用...

0 投票
1 回答
2449 浏览

javascript - 如何有条件地禁用 ngTouch 并回退到 ng-click

如何使用ngTouch有选择地禁用某些元素?也就是说,对于某些元素,我想使用原始ngClick指令而不是 ngTouch 提供的指令。像这样的东西:

0 投票
1 回答
643 浏览

javascript - 子元素上的 $swipe 与滚动冲突,并且滚动在 AngularJS 中停止工作

我有一个父元素,我应用了 ng-swipe-right 和 ng-swipe-left。滑动功能运行良好。元素的子元素之一有一些溢出的内容,因此滚动会自动应用于它。但是现在,在我应用了滑动功能后,此滚动已停止工作。当我删除滑动时,滚动工作。

您能否建议一下,我如何让父元素具有滑动功能,但其子元素具有溢出内容以保留其滚动功能。

注意:我没有使用任何插件来应用滚动功能,它会自动滚动。