angular - 使用 NgModel 绑定(bind)到 Angular Material 的 radio 组输入

Question

我有一个 radio 组，我想从我的组件代码中设置它的值。但是我似乎无法使用 [(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