使用反应形式将复选框绑定到值而不是true/false

Question

我正在尝试使用反应/模型驱动形式的一个简单示例.我想将一个复选框数组绑定到值列表,而不是布尔值列表.

这个plunker显示了这个问题:http ://plnkr.co/edit/a9OdMAq2YIwQFo7gixbj?p=preview 绑定到表单的值是布尔值,我想答案是这样的["value1", "value2", etc]

我有类似的东西,但我不知道如何得到我想要的结果？

模板:

<form [formGroup]="checkboxGroup">
    <input *ngFor="let control of checkboxGroup.controls['myValues'].controls" 
    type="checkbox" id="checkbox-1" value="value-1" [formControl]="control" />
</form>

和组件:

let checkboxArray = new FormArray([
  new FormControl({checked: true, value: "value1"}),
  new FormControl({checked: false, value: "value2"}))]);

this.checkboxGroup = _fb.group({
  myValues: checkboxArray
});

Answer 1

复选框值要么已选中 ( true )，要么未选中 ( false )。一般来说，复选框具有另一个值是没有意义的，但如果您仍然想这样做，则需要编写自己的复选框值评估器。