复选框检查布尔值是否为真与 Angular2

Question

我想知道如何使用 Angular2 选中一个复选框，如果值为真，如果为假则取消选中。

 Adult <input type="checkbox" value="{{person.is_adult}}">

{{person.is_adult}} 是一个 boolean

有人可以提出任何建议吗？谢谢

原文由 jiji 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

{{}} 字符串插值和字符串化 true 和 false Angular 默认使用属性绑定，我假设属性值不是字符串：

 <input type="checkbox" [checked]="person.is_adult">

这可能也有效

<input type="checkbox" attr.checked="{{person.is_adult}}">

因为使用属性绑定，浏览器在将其读入其属性时可能会将其从属性（只能是字符串）转换为布尔值。

它也是 checked 而不是 value

您还可以使用 ngModel

 <input type="checkbox" [ngModel]"person.is_adult" name="isAdult">
<input type="checkbox" [(ngModel)]"person.is_adult" name="isAdult">

用于单向或双向绑定。

如果您使用 --- ，请确保已导入 FormsModule ngModel 。

原文由 Günter Zöchbauer 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

你缺少方括号 checked

 <input type="checkbox" [checked]="person.is_adult">

希望这可以帮助！！

原文由 Madhu Ranjan 发布，翻译遵循 CC BY-SA 3.0 许可协议