angular - 如何手动更改表单状态？或者在重新分配表格之前要做什么？

Question

出于某种原因，我必须手动更改表单状态。

就我而言，如果表单验证失败，我可以单击刷新按钮，然后表单将再次启动。但是验证失败状态仍然存在，因此导致了一些问题，所以我必须在重新分配之前更改表单状态。其实我该怎么办？

Answer 1

基本上以 Angular 形式验证是简单的部分。

在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();
    }

而已。快乐编码