Angular 我怎样才能清除我的角反应形式?
我的表格中有一个mat无线组,我想清除该单选按钮,以便在我的测验应用程序中不会为每个新问题选择任何内容。我该怎么做呢?以下是我的表单的外观:Angular 我怎样才能清除我的角反应形式?,angular,radio-button,angular-reactive-forms,Angular,Radio Button,Angular Reactive Forms,我的表格中有一个mat无线组,我想清除该单选按钮,以便在我的测验应用程序中不会为每个新问题选择任何内容。我该怎么做呢?以下是我的表单的外观: <form [formGroup]="formGroup" (ngSubmit)="onSubmit()"> <ol class="form-group"> <mat-radio-group formControlName="answer" name="answer" (change)="radioChange($
<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>
{{option.optionText}
您可以重置表单:
reset() {
this.myForm.reset();
}
或
就像@miselking提到的:只需重置特定的控制(在本例中为“单选按钮”)。类似于
this.myForm.get('radioButtonControl').reset()
清除表单及其错误状态(脏的、原始的等)的最简单、最干净的方法
有关表格的详细信息,请参阅
或
只需重置特定控制(在本例中为“单选按钮”)
或者只是重置特定控制(在本例中为“单选按钮”)。类似于
this.myForm.get('radioButtonControl').reset()的东西尝试了这个.quizForm.reset(),但似乎不起作用。正在尝试此.quizForm.get('answer').reset()并收到错误:错误TS2339:类型“NgForm”上不存在属性“get”。@multiv123,在代码中如何定义表单控件?如果可能的话,请检查姓名并分享代码,以便其他人回答。您还可以使用这个:this.myForm.reset({answer:null})代码>为什么要同时使用ngForm和formgroup的可能重复项?如果您计划使用反应式表单,请删除ngForm。
this.formName.reset();
this.myForm.get('radioButtonControl').reset()