使用 NgModel 绑定到 Angular Material 的单选组输入

Question

我有一个无线电组，我想从我的组件代码中设置它的值。但是我似乎无法使用 [(ngModel)] 设置初始值。我没有收到任何错误或任何内容来说明为什么它没有显示选中的单选按钮。

<div class="form-group">
  <mat-radio-group  [(ngModel)]="selectedStatus" formControlName="completed">
    <mat-radio-button  [value]="1">Call Complete</mat-radio-button>
    <mat-radio-button [value]="2">Call Incomplete</mat-radio-button>
  </mat-radio-group>
</div>

组件代码片段：

selectedStatus: Array<string>;



private initForm() {
    this.eventEditForm = new FormGroup({          
      'completed': new FormControl()
      });          
      this.selectedStatus = this.data[0].completed;
    }

this.data[0].completed 从数据服务返回 1 或 2。

Answer 1

你的变量selectedStatus 不应该是字符串数组，它应该是一个数字，将其更改为。

selectedStatus:  number ;  

WORKING STACKBLITZ