Angular 2 Custom Validator mit Parametern

Question

Wie erstelle ich meinen eigenen maxLength Validator in Angular 2? Alle Beispiele, die ich finden konnte, verwenden Validatoren, die "erforderlich" sind, was bedeutet, dass sie die Regeln bereits kennen. Sie akzeptieren nur einen Parameter - die Kontrolle selbst. Wie gebe ich mehr Parameter weiter?

Hier ist der Beispiel-Validator, den ich habe. Wie ändere ich es, um Nummer 5 als Parameter zu übergeben?

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

Vielen Dank.

Answer 1

Hier ist ein Beispiel ist. Es ist ein Min-Wert-Validator, bei dem Sie eine Zahl zur Validierung übergeben.

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; 
    }; 
}; 

Weitere Details finden Sie in der offiziellen Dokumentation Custom Validators Seite.

Answer 2

Das lustige daran ist, dass Sie einfach Angular2 Quellcode überprüfen:

MaxLengthValidator

Validators

Answer 3

Das minValueValidator Beispiel zeigt im Grunde, dass Sie eine Fabrik für die benutzerdefinierte Validator verwenden können, so dass es so etwas wie dies sein wird:

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

In meinem Fall verwende ich Formcontrol nicht Steuerung

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