首页 文章

重置Angular2中的表单

提问于
浏览
2

我可以告诉我如何在Angular2中提交表单后重置表单吗?

<div class="field" [ngClass]="{error: !articleForm.find('link').valid && articleForm.find('link').touched}">
    <label>Link:</label>
    <input type="text" name="link" [ngFormControl]="articleForm.controls['link']"/>
</div>

问题是提交表单后仍保留'.touched' . 我需要重置它 . 谢谢你的帮助 .

2 回答

  • 4

    在rc5中,FormGroup中有一个reset()方法 .

    this.form.reset();
    
  • 0

    我无法在ngFormControl中理解您的登录信息 .

    但假设您的表单组名称是 submitGroup ,formControlName是 name ,那么代码将如下所示:

    this.submitGroup.reset({
          'name': ''
    });
    

相关问题