html - 复选框检查 boolean 值是否为真与 Angular2

Question

我想知道如何使用 Angular2 使复选框在值为真时选中，在值为假时取消选中。

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

{{person.is_adult}} 是一个 boolean 值

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

Answer 1

{{}} 进行字符串插值并将 true 和 false 字符串化，Angular 默认使用属性绑定(bind)，我假设该属性需要 boolean 值值不是字符串:

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

这也行

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

因为使用属性绑定(bind)，浏览器在将其读入其属性时可能会将其从属性(只能是字符串)转换为 boolean 值。

它也是 checked 而不是 value

你也可以使用ngModel

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

用于单向或双向绑定(bind)。
如果您使用 ngModel，请确保已导入 FormsModule。