ngModel deaktiviert md-radio-button

Question

Ich möchte zuerst md-radio-button standardmäßig auswählen. Ich habe dies erreicht, indem ich [checked]="true" zu md-radio-button hinzufüge. Auch ich möchte überprüfen, welche md-radio-button wurde nach dem Schließen MdDialog ausgewählt wurde. Also habe ich [(ngModel)]="value" zu md-radio-group hinzugefügt. Und hier ist das Problem. Die [(ngModel)]="value" "deaktiviert" die bereits ausgewählte md-radio-button. Irgendeine Idee, wie man das repariert?

Mein DialogComponent:

@Component({ 
    selector: 'dialog1', 
    template: ` 
    <md-radio-group [(ngModel)]="value"> 
     <md-radio-button value="0" [checked]="true">Income</md-radio-button> 
     <md-radio-button value="1">Expense</md-radio-button> 
    </md-radio-group> 
    <button md-raised-button (click)="dialogRef.close()">Close dialog</button>` 
}) 

Plunker

Answer 1

Die [checked]="true" ist irrelevant in diesem speziellen Fall.

Da Sie der Variablen value nichts zugewiesen haben, ist sie nicht definiert und es gibt keinen radio-button mit Wert.

Dann es funktioniert, stellen Sie den value zu 0 auf Initialisierung:

constructor(public dialogRef: MdDialogRef<any>) { 
    this.value = 0; 
} 

DEMO