Проверка не работает после очистки формы

Question

Я не могу удалить с помощью this.stockForm.reset ();поэтому я использую это для очистки данных после отправки:

 clearall(): void {
        this.isEditMode = false;
        this.stockForm.reset({
            sku: '',
            productName: '',
            counted: '',
        });
        Object.keys(this.stockForm.controls).forEach(key => {
            this.stockForm.get(key).setErrors(null);
        });
}

Когда я снова нажимаю кнопку отправки, я не могу получить подтверждение;получение значений по умолчанию;поэтому дайте мне знать, как еще раз проверить после очистки формы.

Answer 1

Можете ли вы попробовать использовать Validators.required при сбросе формы?

clearall(): void {
        this.isEditMode = false;
        this.stockForm.reset({
            sku: ['', Validators.required],
            productName: ['', Validators.required],
            counted: ['', Validators.required],
        });
        Object.keys(this.stockForm.controls).forEach(key => {
            this.stockForm.get(key).setErrors(null);
        });
}

Надеюсь, это поможет! Ура!

Пожалуйста, проверьте этот пример => https://stackblitz.com/edit/angular-reactive-forms-lgguij

Answer 2

После сброса формы вы запускаете проверки вручную, вызывая setErrors (null). setErrors (null) означает, что вы устанавливаете свойство формы как допустимое, поэтому вы не получите никакого сообщения проверки.

setErrors

Оно будет работать после удаленияниже код

 Object.keys(this.stockForm.controls).forEach(key => {
        this.stockForm.get(key).setErrors(null);
    });

Answer 3

Привет, просто оставь свою форму вот так:

 clearall(): void {
        this.isEditMode = false;
        this.stockForm.reset();
        Object.keys(this.stockForm.controls).forEach(key => {
            this.stockForm.get(key).setErrors(null);
        });
     }