将值绑定到 html 复选框不起作用

【问题标题】：Binding value to html check box not working将值绑定到 html 复选框不起作用
【发布时间】：2014-01-29 00:27:18
【问题描述】：

如果值为真，我试图显示复选框选中，如果值为假，则取消选中。这是我的 HTML

<label class="checkbox-inline nopaddingleft" for="radio1">
    <input name="radio1" type="checkbox" id="radio1" 
        class="checkbox-inline margin-right-five" value="name" 
        data-ng-checked="{{insuredProfile.mailingAddress.isScrubbed}}" /> Scrub
</label>

我正在尝试绑定这个 data-ng-checked="{{insuredProfile.mailingAddress.isScrubbed}}" 它将是对还是错。它不起作用，任何人都可以指出我正在做的错误谢谢。

【问题讨论】：

标签： html angularjs checkbox

【解决方案1】：

与其使用 ng-checked，不如使用 ng-model。

<input name="radio1" type="checkbox" id="radio1" 
    class="checkbox-inline margin-right-five" value="name" 
    data-ng-model="insuredProfile.mailingAddress.isScrubbed" />

它将为您完成所有检查。查看Angular Checkbox 的文档中的示例。

您可以使用ng-true-value 和ng-false-value 结合ng-model 将您的模型（isScrubbed）设置为非真/假。

如果您确实希望它与ng-checked 一起使用，我认为您只需删除{{}}，因为它是一个表达式。但实际上，使用 ng-model 可能会更好。

【讨论】：