Angular Reactive Form Snippet

Quick reference for Angular reactive form.

Filename: component.ts

formGroup = new FormGroup({
    name: new FormControl('', Validators.required),
  });

Filename: component.html

<form [formGroup]="formGroup">
    <input id="name" name="name" forControlName="name" />
    <div *ngIf="name?.invalid && (name?.dirty || name?.touched)" class="input-error">
      <div *ngIf="name?.errors!['required']">Name is <strong>required</strong>.</div>
    </div>
</form>