使用ngmodel与无线电组输入结合到角度材料

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