Question

在div中，有一个表单和按钮可以重置表单。

<div>
   <button (click)="clearForm()">Clear Form</button>
   <form [formGroup]="personForm">
      <mat-form-field>
          <input matInput formControlName="id"/>
      </mat-form-field>
      <mat-form-field>
          <input matInput formControlName="name"/>
      </mat-form-field>
   </form>

TS：

ngOnInit(){
   this.personForm = this.fb.group({
    id:['123',Validators.required],
    name:['Dave',Validators.required]
    });
 }
clearForm(){
   this.personForm.reset();
}

问题是，每当其中一个输入处于焦点并且用户单击键盘中的“Enter”按钮时，就会调用“clearForm（）”，因此正在重置表单！

如果我删除了：

(click)="clearForm()"

从按钮开始，一切正常。

但我需要按钮......

可能是什么问题？

Answer 1

试试这个：

 <button (click)="clearForm()" type="button">Clear Form</button>

Angular2材质 - 重置形式在不期望时调用

1 个答案: