我想知道如果值为true,如何选中复选框,如果Angular2
为false则取消选中。
Adult <input type="checkbox" value="{{person.is_adult}}">
{{person.is_adult}}是boolean
有人可以提出建议吗?感谢
答案 0 :(得分:22)
{{}}
执行字符串插值并对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
。
答案 1 :(得分:13)
你错过了检查的方括号
<input type="checkbox" [checked]="person.is_adult">
希望这会有所帮助!!
答案 2 :(得分:0)
尝试以下方法:
List
如果您使用的是<input type="checkbox" [checked]="person.is_adult">
:
当ngModel
以某种形式使用时,它将不起作用。但是,您应该使用ngModel
属性,例如
[ngModelOptions]