javascript - Angular JS 复选框 - 模型不会默认为 false

标签 javascript angularjs angularjs-scope

我的 Angular JS 表单中有两个复选框,就像这样......

<input id="isBackground" type="checkbox" ng-model="addTemplate.data.isBackground">
<input id="repeats" type="checkbox" ng-model="addTemplate.data.repeats">

如果我勾选两个框,然后将 $scope 写入控制台,两个值都设置为 true,但如果我只勾选其中一个,则一个出现在 $scope 中(设置为 true),另一个只是丢失的。它应该在 $scope 中并设置为“false”吗?

最佳答案

一个更灵活的解决方案是设置一个 ng-init 值,这适用于动态属性和固定属性,这是公认的解决方案无法做到的。

<div class="checkbox">
    <label><input type="checkbox" value="" ng-init="formData[field.checkBox]=false" ng-model="formData[field.checkBox]">{{field.name}}</label>
</div>

关于javascript - Angular JS 复选框 - 模型不会默认为 false,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21363166/

相关文章:

javascript - AngularJS 范围未在指令中更新

javascript - Lightbox 2 在弹出窗口的位置上的逻辑是什么?

javascript - JS 提交与 HTML 提交不一样

javascript - 显示与数组值匹配的不同按钮

javascript - 如何在没有指令的情况下在元素上创建隔离范围?

javascript - Angular Controller 中的所有方法都必须在 `$scope` 上吗?

javascript - 在同一张 table 上将图像从一个 <td> 移动到另一个 <td>

javascript - 下拉菜单问题

javascript - 如果没有 $scope.digest,$watch 不会触发

AngularJS - Promise 与 then?