使用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