angular 2 Reaktive Formen Radio-Gruppen laden nicht

Question

Ich versuche, ein Formular mit zwei Radio-Button-Gruppen zu erstellen, aber ich bekomme nichts auf dem Bildschirm und keine Fehler in der Konsole.

<div class="portlet light bordered"> 
     <form [formGroup]="serversMachinesFormGroup" class="form" *ngIf="serversMachinesFormGroup"> 
      <div [formGroup]="machinesFormGroup" class="btn-group btn-group-circle margin-right-40" data-toggle="buttons"> 
       <label class="btn active bnt-group-override margin-left-0"> 
        <input type="radio" class="toggle" value="1" formControlName="buttonsMachine"> Machine 1 
       </label> 
       <label class="btn bnt-group-override margin-left-0"> 
        <input type="radio" class="toggle" value="2" formControlName="buttonsMachine"> Machine 2 
       </label> 
      </div> 
      <div [formGroup]="serversFormGroup" class="btn-group btn-group-circle" data-toggle="buttons"> 
       <label class="btn bnt-group-override active"> 
        <input type="radio" class="toggle" value="1" formControlName="buttonsServer"> Serv 1 
       </label> 
       <label class="btn bnt-group-override margin-left-0"> 
        <input type="radio" class="toggle" value="2" formControlName="buttonsServer"> Serv 2 
       </label> 
       <label class="btn bnt-group-override margin-left-0"> 
        <input type="radio" class="toggle" value="3" formControlName="buttonsServer"> Serv 3 
       </label> 
      </div> 
     </form> 
    </div> 

Hier ist die plnkr Link.

Answer 1

gemacht Sie einen Tippfehler Fehler

Änderung

this.serversmachinesFormGroup= new FormGroup({ 
    machinesFormGroup: this.machinesFormGroup, 
    serversFormGroup: this.serversFormGroup, 
}); 

this.serversmachinesFormGroup.valueChanges.subscribe(value => { 
    console.log(value); 
}); 

zu

this.serversMachinesFormGroup = new FormGroup({ 
    machinesFormGroup: this.machinesFormGroup, 
    serversFormGroup: this.serversFormGroup, 
}); 

this.serversMachinesFormGroup.valueChanges.subscribe(value => { 
    console.log(value); 
}); 

Plunker: https://plnkr.co/edit/ZhhOHPZb1JHjVeNsZU6M?p=preview