选中复选框，如果布尔值为Angular2，则为true

Question

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

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

{{person.is_adult}}是一个boolean

有人可以建议吗？谢谢

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。

Answer 2

你错过了检查的方括号

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

希望这可以帮助！！