Visualización Condicional

Por defecto, un mensaje de error se muestra cuando el control está invalid y touched. Sobrescribí esto con el input when, que acepta un único ErrorWhenType o un arreglo de ellos.

<form [formGroup]="form">
  <div>
    <label for="email">Email</label>
    <input
      id="email"
      formControlName="email"
      ngxErrorMessage="Email"
      [when]="['dirty', 'touched']"
    />
  </div>
</form>

type ErrorWhenType = 'dirty' | 'invalid' | 'pristine' | 'touched' | 'untouched'