ngmodel取消选中MD-Radio-Button

Question

我默认要选择第一个md-radio-button。我通过将[checked]="true"添加到md-radio-button来实现这一目标。我还想检查关闭MdDialog后选择了哪些md-radio-button。因此，我已将[(ngModel)]="value"添加到md-radio-group。这是问题。[(ngModel)]="value""取消选中"已经选择的md-radio-button。任何想法如何解决？

我的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

在这种特定情况下， [checked]="true"是无关紧要的。

由于您没有为value变量分配任何内容，因此未定义，并且没有undefined值的radio-button。

，为了使其正常工作，将value设置为初始化：

的0

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

demo