如何使用angular在提交后获取所选离子单选按钮的值

<form>
  <label>
    <input type="radio" name="option" value="option1" [(ngModel)]="selectedOption"> Option 1
  </label>
  <label>
    <input type="radio" name="option" value="option2" [(ngModel)]="selectedOption"> Option 2
  </label>
  <label>
    <input type="radio" name="option" value="option3" [(ngModel)]="selectedOption"> Option 3
  </label>
  <button (click)="submit()">Submit</button>
</form>

import { Component } from '@angular/core';

@Component({
  selector: 'app-form',
  templateUrl: './form.component.html',
  styleUrls: ['./form.component.css']
})
export class FormComponent {
  selectedOption: string;

  submit() {
    console.log(this.selectedOption);
    // 在这里可以使用所选的值进行进一步的处理
  }
}