检查框是否与Angular2一起检查布尔值是否为真

Question

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

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

{{person.is_adult}}是一个 boolean

有人可以建议吗？谢谢

Answer 1

{{}}字符串插值和字符串化true和falseAngular默认使用属性绑定,我假设该属性期望布尔值而不是字符串:

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

希望这可以帮助!!