將複選框綁定到值而不是使用反應形式的真​​/假

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

一個複選框值要麼檢查（真）還是不選中（假）。 一般來說，對於複選框來說沒有任何意義，但如果你想這樣做，你需要編寫自己的Checkbox Value Assessor。