2016-12-11 15 views
5

Reaktif/model ile çalıştırılan formları kullanarak basit bir örnek oluşturmaya çalışıyorum. Bir dizi onay kutusunu bir değerler listesine bağlamak ve boole değerlerinin bir listesini değil. mantıksal ifadenin vardır, ben böyle bir şey var ["value1", "value2", etc]Reaktif formlarla doğru/yanlış yerine değer onay kutusunu işaretleyin

gibi bir şey olmasını yanıt istediğinizi ama nasıl bilmiyorum formlara bağlı http://plnkr.co/edit/a9OdMAq2YIwQFo7gixbj?p=preview değerleri:

Bu plunker sorunu gösterir istediğim sonuç

şablonu:

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

ve bileşen:

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

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

cevap

1

bir onay kutusu değeri, kontrol edilir (doğru) veya kontrol (yanlış). Genel olarak, bir onay kutusunun başka bir değere sahip olması mantıklı değildir, ancak yine de bunu yapmak istiyorsanız, kendi Checkbox Value Assessor'ınızı yazmanız gerekir.

+0

Daha ayrıntılı incelemek için? Eğer google [CheckboxValueAssessor] (https://www.google.com/search?q=angular2+CheckboxValueAssessor) Bu cevabı alırım. –

+0

Benim * modelim * 'Y'' veya 'N'' dizgisi gerektirebilir, bu yüzden neden' ​​[checked] 've' [value] 'özelliklerini dinamik olarak ayarlayamamalı ve dizgeyi saklayamam benim [(ngModel)] 'in içinde mi? – Cody