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

Question

如果值为true，我试图显示复选框，如果值为false，则检查未选中。这是我的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>  

我正在尝试绑定此数据-ng-checked =“{{insuredProfile.mailingAddress.isScrubbed}}”它将是真还是假。如果没有工作，任何人都可以指出我正在做的错误。

Answer 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）设置为true / false以外的其他内容。

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