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

AngularJS:反转复选框状态

不知何故,通过Angular的魔法,如果你使用ng-model并提供一个布尔值,你的复选框将被检查,如果所述布尔值是真的,如果假的话,取消选中。
<input type="checkBox" ng-model="video.hidden">

虽然这单独是相当困惑,我实际上正试图逆转检查状态,因为不像todo示例,其中todo.done意味着框被检查,我的模型更像todo.incomplete。

不幸的是,我的第一个猜测没有工作:

<input type="checkBox" ng-model="!video.hidden">

我在一个位置,模型已经被我指示,所以我不能改变它,不想在客户端上按摩它(因为我将客户端对象发送回服务器,因为它运行在可信环境中)。

更新

这工作在1.3和不给你字符串(1.2.xxx给你字符串,而不是布尔):

<input type="checkBox" ng-model="video.hidden" ng-true-value="false" ng-false-value="true">
你现在可以不需要自定义指令,angular支持ng-true-value和ng-false-value

https://docs.angularjs.org/api/ng/input/input[checkbox]

你的例子应该现在工作< input type =“checkBox”ng-model =“video.hidden”ng-true-value =“false”ng-false-value =“true”>

原文地址:https://www.jb51.cc/angularjs/146260.html

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

相关推荐