Как изменить статус формы вручную? Или что делать перед переназначением формы?

Question

По какой-то причине мне нужно изменить статус формы вручную.

В моем случае, если проверка формы не удалась, я могу нажать кнопку обновления, и тогда форма будет снова инициирована. Но статус сбоя проверки остался, что вызвало некоторые проблемы, поэтому мне нужно изменить статус формы, прежде чем переназначить ее. на самом деле, что я должен делать?

Answer 1

В основном в угловой форме. Валидации - это простая часть.

в app.component.ts файле:

вам нужно добавить

import { FormGroup, FormBuilder, Validators } from '@angular/forms';

После этого

  ngOnInit() {

    this.registerForm = this.formBuilder.group({

      email: ['', [Validators.required, Validators.email]],

      firstName: ['', Validators.required],

      lastName:['', Validators.required],

      address: ['', Validators.required],

    })
}

В HTML app.component.html:

  <form [formGroup]="registerForm" (ngSubmit)="onSubmit()">
     <input type="email" placeholder="Email" formControlName="email" class="input_block form-control" [ngClass]="{ 'is-invalid': submitted && f.email.errors }" />
    <button>Submit</button>
    <button (click)="onReset()">Cancel</button>
    </form>

В функции отправки формы =>

    onReset() {
      this.registerForm.reset();
    }

Вот и все. Счастливое кодирование