如何为angular应用程序选择单选按钮

<!-- app.component.html -->
<form [formGroup]="myForm">
  <div>
    <label>
      <input type="radio" formControlName="gender" value="male">
      Male
    </label>
  </div>
  <div>
    <label>
      <input type="radio" formControlName="gender" value="female">
      Female
    </label>
  </div>
  <div>
    <label>
      <input type="radio" formControlName="gender" value="other">
      Other
    </label>
  </div>
  <div *ngIf="myForm.get('gender').invalid && (myForm.get('gender').dirty || myForm.get('gender').touched)">
    <div *ngIf="myForm.get('gender').errors.required">
      Gender is required.
    </div>
  </div>
</form>

// app.component.ts
import { Component } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  myForm: FormGroup;

  constructor(private fb: FormBuilder) {
    this.myForm = this.fb.group({
      gender: ['', Validators.required]
    });
  }
}

this.myForm = this.fb.group({
  gender: ['male', Validators.required] // 初始值设置为'male'
});

<div *ngIf="myForm.get('gender').invalid && (myForm.get('gender').dirty || myForm.get('gender').touched)">
  <div *ngIf="myForm.get('gender').errors.required">
    Gender is required.
  </div>
</div>