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

Question

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

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">

希望这会有所帮助!!

Answer 3

尝试以下方法：

List

如果您使用的是<input type="checkbox" [checked]="person.is_adult"> ：

当ngModel以某种形式使用时，它将不起作用。但是，您应该使用ngModel属性，例如

[ngModelOptions]