加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angularjs – angular复选框,使用ng-click重置绑定到复选框的ng-

发布时间:2020-12-17 07:08:09 所属栏目:安全 来源:网络整理
导读:我有一些逻辑,在某些情况下,我希望第一个复选框一直检查.因此,如果用户尝试取消选中它,我想使用ng-click将绑定的ng-model更改为“true”.但复选框仍未取消选中…. 我如何实现保持复选框保持基于ng-model的值检查,而不使用angular.element(elem).attr(“check
我有一些逻辑,在某些情况下,我希望第一个复选框一直检查.因此,如果用户尝试取消选中它,我想使用ng-click将绑定的ng-model更改为“true”.但复选框仍未取消选中….

我如何实现保持复选框保持基于ng-model的值检查,而不使用angular.element(elem).attr(“checked”,true)之类的东西

<input type = 'checkbox' ng-model = 'checkboxValue' ng-click = "handler"/>

在控制器中

$scope.checkboxValue = false;
$scope.handler = function(){
    $scope.checkboxValue = true;
}

我希望复选框保持检查,因为ng-model checkboxValue是真的……但显然我在这里错过了一些东西

这是羽毛球:http://plnkr.co/edit/WbjZilFLDfbP3mQ4oMgx?p=preview

我进入调用堆栈,看起来我将ng-model设置为true,然后在$digest期间,ng-model根据复选框的状态设置:选中或取消选中.所以它更像是单向绑定:根据复选框状态绑定ng-model?

解决方法

只需使用ng-change而不是ng-click

这是一个DEMO

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读