Question

我想默认选择第一个md-radio-button。我已将[checked]="true"添加到md-radio-button，从而实现了这一目标。另外，我想检查关闭md-radio-button后选择了哪个MdDialog。所以我已将[(ngModel)]="value"添加到md-radio-group。这就是问题所在。 [(ngModel)]="value"＆＃34;取消选中＆＃34;已选中的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

value与此特定情况无关。

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

然后，为了使其有效，请在初始化上将0设置为constructor(public dialogRef: MdDialogRef<any>) { this.value = 0; }：

if (!this.helper.parent().is(this.appendTo)) {
    this.helper.detach().appendTo(this.appendTo);
    // update position
    this.offset.parent = this._getParentOffset();
}

DEMO

ngModel取消选中md-radio-button

1 个答案: