javascript – 禁止取消选中angularJS中的所有复选框

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 禁止取消选中angularJS中的所有复选框，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1183字，纯文字阅读大概需要2分钟。

内容图文

我使用AngularJS指令作为复选框列表checklist-model,但我需要始终至少检查一个复选框.
我通过添加一个if来改变checklist-model.js：

watch if(current.length > 1)

在删除支票之前：

scope.$watch(attrs.ngModel, function(newValue, oldValue) {
  if (newValue === oldValue) { 
    return;
  } 
  var current = getter(scope.$parent);
  if (angular.isFunction(setter)) {
    if (newValue === true) {
      setter(scope.$parent, add(current, value, comparator));
    } else {
        if(current.length > 1)
        {
            setter(scope.$parent, remove(current, value, comparator));
        }
    }
  }

  if (checklistChange) {
    checklistChange(scope);
  }
});

问题是,在模型未更改时,UI已更改为未选中状态.

任何人都有一个优雅的建议(最好没有JQuery)如何将复选框更改回“已检查”状态,或者甚至更好地在更改为检查之前捕获它？

JSfiddle here,尝试取消选中所有并查看当复选框全部未选中时(我正在尝试阻止)模型保持不为空(这很好但不够)

解决方法:

这可能来自角度的异步性质和您正在使用的库.到目前为止我能找到的是像这样的一些肮脏的解决方法(jsfiddle)：创建一个跟踪输入点击的事件并执行以下操作：

  $scope.onclick = function(evt) {
    if ($scope.user.roles.length === 1 && prevLength === 1) {
      evt.preventDefault();
    }

    prevLength = $scope.user.roles.length;
  };

然后将它添加到您的元素

 ng-click="onclick($event)"

我不是说它很完美但它有效

内容总结

以上是互联网集市为您收集整理的javascript – 禁止取消选中angularJS中的所有复选框全部内容，希望文章能够帮你解决javascript – 禁止取消选中angularJS中的所有复选框所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端