how do I clear Angular reactive form?

mul*_*123 -5 radio-button angular angular-reactive-forms

I have a mat-radio-group inside my form and I would like to clear the radio button so that nothing is selected for each new question in my quiz app. How do I go about doing this? Here's how my form looks:

<form [formGroup]="formGroup" (ngSubmit)="onSubmit()">
  <ol class="form-group">
    <mat-radio-group formControlName="answer" name="answer" (change)="radioChange($event.value)"
  (click)="question.selectedOption = option">
      <div class="radio-options" *ngFor="let option of question.options">
        <mat-radio-button class="option" [value]="option.optionValue" disableRipple="true"
          [checked]="question.selectedOption == option"
          [ngClass]="{'is-correct': isCorrect(option.optionValue),
                  'is-incorrect': isIncorrect(option.optionValue)}">
          <li>{{ option.optionText }}</li>
Run Code Online (Sandbox Code Playgroud)

nir*_*aft 6

You can reset your form:

reset() {
    this.myForm.reset();
  }
Run Code Online (Sandbox Code Playgroud)

OR

like @miselking mentioned: Just reset specific control (in this case "radio button"). Something like this.myForm.get('radioButtonControl').reset()

  • 或者只是重置特定控件(在这种情况下为“单选按钮”)。像this.myForm.get('radioButtonControl')。reset()之类的东西 (3认同)