这些棱角分明的电子邮件指令代码段是如何连接的

Question

所以我看了角核心文件，我有点困惑这四段代码是如何连接的？

null

    export class InjectionToken extends OpaqueToken {
          private _differentiate_from_OpaqueToken_structurally: any;
          constructor(desc: string) { super(desc); }

          toString(): string { return `InjectionToken ${this._desc}`; }
    }

    export const NG_VALIDATORS = new InjectionToken>('NgValidators');

    export const REQUIRED_VALIDATOR: Provider = {   
        provide: NG_VALIDATORS,   
        useExisting: forwardRef(() => RequiredValidator),   
        multi: true 
    };

    @Directive({
        ...
    }) export class RequiredValidator implements Validator {
        //Code here
    }

Answer 1

在Angular DI系统中，令牌可以是运行时可用的任何引用，包括类的实例。因此，这里有一个类injectionToken的实例：

export const NG_VALIDATORS = new InjectionToken>('NgValidators');

由变量ng_validators引用。

Angular DI系统引入了一种策略，可以将请求从一个令牌重定向到另一个令牌。这就是这里使用的策略：

export const REQUIRED_VALIDATOR: Provider = {   
    provide: NG_VALIDATORS,   
    useExisting: forwardRef(() => RequiredValidator),   
    multi: true 
};

@Directive({selector:'adir'...}) export class ADirective {}
@Directive({selector:'bdir'...}) export class BDirective {}

<input adir bdir>

[
  { token: ADirective, instance: new ADirective() },
  { token: BDirective, instance: new BDirective() }
]

因此，在required的情况下，当您将required指令应用到元素时，验证器：

<input required>

在注入器中，RequiredValidator的实例由标记RequiredValidator创建，这正是NG_Validator重定向到的标记。