Unterschied zwischen NG_VALIDATORS und Validatoren (Klasse)

Question

Ich bin verwirrt über die Verwendung von NG_VALIDATORS, ich weiß, es ist ein Anbieter-Token. Aber was nützt es? Wie ist es eine andere Form Validatoren Klasse?

https://github.com/angular/angular/blob/4.3.3/packages/forms/src/validators.ts

Answer 1

Sie haben zwei Möglichkeiten, Prüfungen zu einem Formular-Steuerelement hinzuzufügen. Verwendung zwingend notwendig Ansatz, indem sie als Parameter in eine Form Steuerung festgelegt wird:

const ctrl = new FormControl('', Validators.required); 

oder deklarativ durch validator spezifische Richtlinien in der Vorlage:

<input [formControl]='ctrl' required> 

Die NG_VALIDATORS Token in dem zweiten Fall verwendet werden. Diese Token sind durch die Validierer-Direktiven required, email und andere definiert. Und sie sind auf dem Injektor definiert, der durch die Form-Direktiven NgForm, NgModel und NgModelGroup erzeugt wird. Siehe How exactly works the services hierarchy in this Angular 2 application?, um mehr über Richtlinien zu erfahren, die einen eigenen Injektor erstellen.

Alle eingebauten und benutzerdefinierten Validierer werden unter Verwendung dieser Token registriert:

export const EMAIL_VALIDATOR: any = { 
    provide: NG_VALIDATORS, 
    useExisting: forwardRef(() => EmailValidator), 
    multi: true 
}; 
@Directive({ 
    selector: '[email]...', 
    providers: [EMAIL_VALIDATOR] <------------- 
}) 
export class EmailValidator implements Validator { 

---

export const REQUIRED_VALIDATOR: Provider = { 
    provide: NG_VALIDATORS, 
    useExisting: forwardRef(() => RequiredValidator), 
    multi: true 
}; 
@Directive({ 
    selector: 
     '[required]...', 
    providers: [REQUIRED_VALIDATOR], <------------- 
}) 
export class RequiredValidator implements Validator { 

---

Angular Blind- und template angetrieben Form Richtlinien (NgForm, NgModel und NgModelGroup) einzuspritzen validators Verwendung Dieses Token:

export class NgForm extends ControlContainer implements Form { 
    ...  
    constructor(
     @Optional() @Self() @Inject(NG_VALIDATORS) validators: any[], 

---

export class NgModel extends NgControl implements OnChanges, 
    ... 
    constructor(@Optional() @Self() @Inject(NG_VALIDATORS) validators..., 

---

export class NgModelGroup extends AbstractFormGroupDirective implements ... { 
    ... 
    constructor(
     @Optional() @Self() @Inject(NG_VALIDATORS) validators: any[], 

Das gleiche gilt für die NG_ASYNC_VALIDATORS Token.