【问题标题】:How to get checkboxes working with ng-touch?如何让复选框与 ng-touch 一起使用?
【发布时间】:2017-03-14 13:48:24
【问题描述】:

复选框和单选按钮等表单元素似乎不适用于 ng-touch 等触控库。是否有相同的解决方法或解决方案?

【问题讨论】:

  • 你为什么要使用 ng-touch,你的确切要求??
  • 我正在使用 HTML5-AngularJS 创建一个多点触控应用程序,在一个既不是 android 也不是 IOS 的操作系统上的触摸设备上,因此不能使用像 phonegap 这样的编译器。像捏合和缩放这样的手势也只适用于 ng-touch。

标签: angularjs angular-touch


【解决方案1】:

您可以创建另一个模拟点击事件的指令来替换 ngTouchng-click 版本以解决特定问题。

.directive('basicClick', function($parse, $rootScope) {
 return {
  compile: function(elem, attr) {
    var fn = $parse(attr.basicClick);
    return function(scope, elem) {
     elem.on('click', function(e) {
       fn(scope, {$event: e});
       scope.$apply();
      });
     };
    }
  };
});

【讨论】:

  • 当前版本的 ng-touch 已经有一个与此非常相似的 ng-click。另外,问题所在的点击次数并不多。即使唯一的操作是使用 ng-model 根据复选框状态为范围变量设置 true 或 false 值,复选框似乎也不起作用
猜你喜欢
  • 2020-09-10
  • 1970-01-01
  • 1970-01-01
  • 2021-01-22
  • 1970-01-01
  • 2016-09-06
  • 2020-05-27
  • 2016-07-29
相关资源
最近更新 更多