使用 Angularjs 动态更改复选框答案

【问题标题】：Dynamically change checkboxes with Angularjs使用 Angularjs 动态更改复选框
【发布时间】：2016-01-12 16:29:28
【问题描述】：

我有以下复选框：

input(type='checkbox', ng-model='auto', ng-checked='auto', ng-change='save()')

一旦我从 ng-change 中的方法保存它，它就会正确保存自动值，但应用程序也会监听 SSE（服务器发送事件）来更新该值：

一个简单的例子：

$scope.$watch(Auto.getNewValue, function (newAutoValue) {
    if (newAutoValue !== null) {
        $scope.auto = newAutoValue;
    }
});

即使来自$watch 的值是false，但之前我选中了它，复选框仍然处于选中状态。如何使用 AngularJS 取消选中该复选框？

【问题讨论】：

【解决方案1】：

我解决了这个问题，只是在我的输入复选框中添加了一些 ng 属性。现在看起来像这样：

input(type='checkbox', ng-model='auto', ng-true-value='true', ng-false-value='false', ng-checked='auto', ng-change='save()')

ng-true-value 和 ng-false-value 解决了我的问题。

现在一切正常......（即使我仍然不知道为什么......哈哈）

【讨论】：

【解决方案2】：

试试下面的复选框

<input type="checkbox" ng-model="yourmodel" ng-true-value='true' ng-false-value='false' class="checkbox" id="schedule_active"/>

由于已经提供了答案，只是为了方便其他人快速复制粘贴，我已经添加了上面的代码。

【讨论】：

【解决方案3】：

来自https://docs.angularjs.org/api/ng/directive/ngChecked：

在元素上设置checked属性，如果里面的表达式 ngChecked 是真实的。

Ng 检查可以带一个表达式。因此，也许可以创建一个从您需要发生的任何事件中返回 false 的函数？

input(type='checkbox', ng-model='auto', ng-checked='checkedFunction()', ng-change='save()')

然后是你的函数

function checkedFunction()
{
   //do stuff
   return false;
}

【讨论】：