如何清除我的 Angular 反应形式？

Question

我的表单中有一个 mat-radio-group，我想清除单选按钮，以便我的测验应用程序中的每个新问题都没有选择任何内容。 我该怎么做呢？ 这是我的表单的外观：

<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>

Answer 1

您可以重置表单：

reset() {
    this.myForm.reset();
  }

或者

就像@miselking 提到的：只需重置特定控件（在本例中为“单选按钮”）。 类似this.myForm.get('radioButtonControl').reset()

Answer 2

清除 forms 及其错误状态（脏、原始等）的最简单和最干净的方法

this.formName.reset();

有关 forms 读数的更多信息，请点击此处

https://angular.io/docs/ts/latest/guide/forms.html

或者

只需重置特定控件（在本例中为“单选按钮”）

this.myForm.get('radioButtonControl').reset()