angular/components

MatInput does not clear error state on form reset

Open

#13 240 ouverte le 21 sept. 2018

Voir sur GitHub
 (11 commentaires) (3 réactions) (0 assignés)TypeScript (6 650 forks)batch import
P3area: material/inputhelp wanted

Métriques du dépôt

Stars
 (24 044 stars)
Métriques de merge PR
 (Merge moyen 2j 16h) (80 PRs mergées en 30 j)

Description

This is my submiting function

public submitCategoryForm(): void { this.buttonText = 'Processing...'; this.isClicked = true;

const categoryData = this.categoryForm.value;
this.categoryModel = new CategoryInputModel(
  categoryData['title'],
  categoryData['imageUrl']
);

this.categoryServices.addNewCategory(this.categoryModel).subscribe(() => {
  this.buttonText = 'Add';
  this.isClicked = false;
  this.categoryForm.reset({ title: '', imageUrl: '' });
});

}

What is the use-case or motivation for changing an existing behavior?

After submiting my form (successfully) and reset values of the form, validations for required value pop up. How i can submit my form clear values and to make sure validations are not shown.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular 6, Material 6.4.7

Is there anything else we should know?

Guide contributeur