Visualizzare tutti gli errori di validazione nei Reactive forms in Angular

Mattepuffo's logo
Visualizzare tutti gli errori di validazione nei Reactive forms in Angular

Visualizzare tutti gli errori di validazione nei Reactive forms in Angular

I Reactive forms di Angular sono una delle cose che più mi mancano in altri framework/librerie simili.

E' possibile validarli in diversi modi, e scegliere se visualizzare o meno gli errori nella pagina.

Una cosa che sto usando molto ultimamente è questo snippet di codice che vi posto sotto.

In verità lo sto usando soprattutto per il debug nei casi validazioni "avanzate" (chi ha detto assurde?):

Object.keys(this.frmCliente.controls).forEach(key => {
    const controlErrors: ValidationErrors = this.frmCliente.get(key).errors;
    if (controlErrors != null) {
        Object.keys(controlErrors).forEach(keyError => {
            console.log('Key: ' + key + ', Err: ' + keyError + ', Msg: ', controlErrors[keyError]);
        });
    }
});

Enjoy!


Condividi

Commentami!