NG_VALIDATORS和验证器之间的区别（类）

Question

我对NG_VALIDATORS的用法感到困惑，我知道它是一个提供者令牌。但它有什么用途？形式校验器类与它有什么不同？

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

Answer 1

你有两种方式来验证添加到表单控件。通过指定它们作为参数来表单控件使用势在必行的方法：

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

或声明通过使用模板中验证特定指令：

<input [formControl]='ctrl' required> 

NG_VALIDATORS该令牌在第二种情况下使用。这些令牌由验证器指令required,email定义。并且它们在形式指令 - NgForm,NgModel和NgModelGroup创建的喷油器上定义。请参阅How exactly works the services hierarchy in this Angular 2 application?了解更多关于创建自己的喷油器的指令。

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 { 

---

角反应和模板驱动的形式指令（NgForm，NgModel和NgModelGroup）使用注入验证：

全内置和自定义验证使用此令牌注册此令牌：

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[], 

这同样适用于在NG_ASYNC_VALIDATORS令牌。