ngModel 取消选中 md-radio-button

Question

我想先select默认md-radio-button。我通过将 [checked]="true" 添加到 md-radio-button 来实现这一点。我还想检查关闭 MdDialog 后 select 编辑了哪个 md-radio-button。所以我将 [(ngModel)]="value" 添加到 md-radio-group。这就是问题所在。 [(ngModel)]="value" "unchecks" 已经 select 编辑 md-radio-button。知道如何解决这个问题吗？

我的对话框组件：

@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 变量分配任何内容，因此它是未定义的，并且没有 radio-button 和 undefined 值。

然后，要使其工作，请在 初始化时将 value 设置为 0:

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

DEMO

ngModel 取消选中 md-radio-button

ngModel unchecks md-radio-button

angular

angular-material2