angular / angular/components

MatInput does not clear error state on form reset

Đang mở
#13,240 11 bình luận 3 reaction 0 người được giao Xem trên GitHub
area: material/input help wanted P3
Ngôn ngữ chính
TypeScript
Star
25k
Fork
6.8k
Merge trung bình
1 ngày 8 giờ
Pull request đã merge (30 ngày)
91

Mô tả

**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?

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Tái hiện hành vi từ entry point submitCategoryForm, đặc biệt là lệnh gọi categoryForm.reset({ title: '', imageUrl: '' }), bằng các phiên bản Angular 6 và Material 6.4.7 được báo cáo nếu có. Xác định xem reset có nên giữ các lỗi của trường bắt buộc ở trạng thái ẩn hay không, sau đó thêm hoặc cập nhật bài kiểm thử form/input liên quan để xác minh trạng thái mong đợi sau khi reset.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
angular, typescript
Lĩnh vực
frontend
Loại issue
Lỗi
Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Cần làm rõ
Mức phù hợp với người mới
25/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.