Wie man mehrere Checkboxen programmgesteuert in einer FormGroup auf reaktiver Form prüft?

Question

Ich verwende Angular2 RC 5, und versuchen, eine reaktive Form (Model Driven) zu implementieren

ich die Kontrollkästchen wie so definiert

usageRights : new FormGroup({ 
    all_usage : new FormControl(''), 
    digital  : new FormControl(''), 
    outdoor  : new FormControl(''), 
    print  : new FormControl(''), 
    radio  : new FormControl(''), 
    tv   : new FormControl('') 
}) 

Es gibt eine Taste ist, und wenn es angeklickt wird, mag ich Aktivieren Sie alle Kontrollkästchen in der Gruppe. Meine aktuelle Implementierung ist mit einer Funktion auf Klick auf dem Button, aber ich kann nicht herausfinden, wie ich diese Checkbox in meinem ts

Datei überprüfen

Mein CheckAll Funktion

checkAll(control, e) { 
    e.preventDefault(); 
    console.log(control); 
} 

control sind die formGroup (usageRights), der enthält alle Kontrollkästchen, und es protokolliert gut. Ich glaube, ich kann einfach eine Variable in Kombination mit [checked] verwenden, dann aktualisieren Sie die Variable, wenn Sie auf die Schaltfläche klicken, aber ich denke, das ist nicht der richtige Weg, dies zu tun.

Jemand bitte sagen Sie mir, wie dies getan werden sollte. Ich stecke fest.

Answer 1

ich es herausgefunden

checkAll(control, e) { 
    e.preventDefault(); 

    for(let key in control.controls) { 
     control.controls[ key ].setValue(true); 
    } 
} 

Die setValue Funktion ist von Formcontrol Prototyp Mehr docs hier https://angular.io/docs/ts/latest/api/forms/index/FormControl-class.html

dies hier verlassen, wenn andere Leute auf die gleiche Sache stecken