validation - validar - Validador personalizado Angular 2 con parámetros.

validar formulario angular 4

Question

¿Cómo creo que digamos mi propio validador maxLength en Angular 2? Todos los ejemplos que pude encontrar usan validadores similares a ''requerido'', lo que significa que ya conocen las reglas. Sólo aceptan un parámetro: el control en sí. ¿Cómo paso más parámetros?

Aquí está el validador de muestra que tengo. ¿Cómo lo modifico para pasar el número 5 como parámetro?

export class MyValidators {
static minValue(control:Control): {[s: string]: boolean} {
var num = +control.value;
if (isNaN(num) || num < 5 ) { return {"minValue": true}; }
return null;
}
}

Gracias.

Answer 1

Aquí hay una muestra. Es un validador de valor mínimo donde se pasa un número para validar.

import {Control} from ''angular2/common'';
export const minValueValidator = (min:number) => {
return (control:Control) => {
var num = +control.value;
if(isNaN(num) || num < min){
return {
minValue: {valid: false}
};
}
return null;
};
};

Se pueden encontrar más detalles en la página de documentación oficial de Validadores personalizados .

Answer 2

El ejemplo de minValueValidator básicamente muestra que puedes usar una fábrica para tu validador personalizado, por lo que será algo como esto:

static minValue = (num: Number) => {
return (control:Control) => {
var num = control.value;
if (isNaN(num) || num < 5 ) { return {"minValue": true}; }
return null;
}
}

En mi caso utilizo FormControl no Control

import { FormControl } from ''@angular/forms'';