微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

angularjs – angular复选框,使用ng-click重置绑定到复选框的ng-model,从而防止取消选中该复选框

我有一些逻辑,在某些情况下,我希望第一个复选框一直检查.因此,如果用户尝试取消选中它,我想使用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

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

相关推荐