javascript - AngularJS:ngTouch 300ms 延迟

标签 javascript angularjs mobile angularjs-ng-click

此 Plunkr 有 2 个链接。左侧使用的是 ng-click 指令,并插入了 Angular-Touch 模块。正如 ng-click 的 Angular Touch 模块描述中所述,ng-click 链接不应有 300 毫秒的延迟。但如果你在移动设备上测试,情况仍然如此。

那么 plunkr 是否会阻止正确的功能,因为它是在 iFrame 或类似的东西中执行的,还是需要将 Fastclick.js 插入项目才能使指令正常工作?不太明白,请帮忙。

示例:http://plnkr.co/NRRrmMFaIKg2zLu5C1Tg

编辑:example在 angularjs 文档中也不起作用。他们甚至没有插入 Angular 触摸模块。

最佳答案

因为 Angulars ngTouch 模块仅消除了 ng-click 指令上的 300ms 延迟,所以我正在使用 fastclick.js现在它与 Angular 完美和谐。

一开始它对我不起作用,因为我在加载脚本之前、DOM 准备好之前附加了 Fastclick 库。我通过将函数包装在 run block 中解决了这个问题我的 Angular 应用程序。该函数在 DOM 准备好后执行代码。

angular.module('myModule', []).
  run(function() {
    FastClick.attach(document.body);
  });

这种方式是 latest screencast 建议的在 angularjs youtube channel 上。

关于javascript - AngularJS:ngTouch 300ms 延迟,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20718020/

相关文章:

javascript - 将一个 javascript 函数的结果集成到另一个

javascript - 如何使用jquery在另一个html字段上显示多个下拉值

javascript - 使用 Angularjs 的动态表

javascript - CSS 和 JS 文件没有突然加载

javascript - Angular 过滤器: how to get filter complete callback?

javascript - Angularjs 阻止页面加载并在点击时显示值

javascript - 使用 css 或 js 禁用移动浏览器的滚动

react-native-dropdown-picker 无法从 renderlistitem 中选择项目

mobile - 延长电池生命周期的最佳背景颜色是什么?

javascript - 如何在没有引用的情况下复制 react 状态?