重置Angular2中的表单

Question

有人可以告诉我如何在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'。我需要重置它。 感谢您的帮助。

Answer 1

在rc5中，FormGroup中有一个reset（）方法。

var arr = [[1,2,3], [4,5,6]];

var newArr = arr.map(function(item) {
  return [item.reduce(function(a, b) {
    return a + b;
  })];
});
console.log(newArr);

Answer 2

我无法确定您在ngFormControl中的登录。

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

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