javascript - 提交后以 Angular 5 重置表格

Question

 <form class="form-horizontal" name="form" (ngSubmit)="!f.form.invalid && staffDetails(model)" #f="ngForm" novalidate>


 <div class="form-group"><button [disabled]="f.invalid" *ngIf ="buttonSave" class="btn btn-info">Save</button></div>

点击提交按钮后重新提交时没有刷新页面没有获取值

Answer 1

reset 将清除整个表单并将其状态移回原始状态(不触发验证)，而 resetForm 将仅清除值而不更改状态. Source

取决于需要做什么

html文件

<form #f="ngForm" (ngSubmit)="onSubmit(f)">

ts 文件

protected onSubmit(f: NgForm): void {

        // code here

        f.resetForm(); or f.reset();
    }

将定义为 f 的表单实例传递给 submit 函数并进行重置 Source