設置 Angular 在單選按鈕組中選中的材質單選按鈕

Question

我有一個 Angular 材質單選按鈕組，里面有三個單選按鈕。 我需要檢查其中一個按鈕。 我認為設置單選按鈕組的值會檢查相應的單選按鈕，但事實並非如此。 這就是我所擁有的。

HTML 模板

        <mat-radio-group  [formControl]="rbgMarkType" name="MarkType">
            <mat-radio-button value=1>Marked In Field</mat-radio-button>
            <mat-radio-button value=2>No Conflict</mat-radio-button>
            <mat-radio-button value=3>Cancel</mat-radio-button>
        </mat-radio-group>

typescript 代碼，嘗試檢查單選按鈕：

export class MtMarkFormComponent implements OnInit {
  ...
  rbgMarkType:FormControl = new FormControl(); 
  ...


ngAfterViewInit() {
 this.SetMarkType();
}

SetMarkType(){
  this.rbgMarkType.patchValue({MarkType:3});//sets value but doesn't check radio button
}
...
}

謝謝

皮特

Answer 1

您已經將rbgMarkType作為formControl

name="MarkType"僅用於<mat-radio-group>的名稱

SetMarkType(){
  this.rbgMarkType.patchValue('3');
}