Saltar al contenido principal
Version: 3.x

Nombres de Clases Personalizados

Por defecto, la directiva usa las clases error-container y error-message. Sobrescribilas por instancia con el input classNames:

<form [formGroup]="form">
<div>
<label for="email">Email</label>
<input
id="email"
formControlName="email"
ngxErrorMessage="Email"
[classNames]="{ control: 'custom-error-container', message: 'custom-error-message' }"
/>
</div>
</form>

Definí las clases correspondientes en tu hoja de estilos:

.custom-error-container {
border: 1px solid blue;
color: blue;
}

.custom-error-message {
color: blue;
}