angular/components

MatInput does not clear error state on form reset

Open

#13.240 aberto em 21 de set. de 2018

Ver no GitHub
 (11 comments) (3 reactions) (0 assignees)TypeScript (6.650 forks)batch import
P3area: material/inputhelp wanted

Métricas do repositório

Stars
 (24.044 stars)
Métricas de merge de PR
 (Mesclagem média 2d 16h) (80 fundiu PRs em 30d)

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?

Guia do colaborador