Angular 无法将输入参数发送到中的验证程序指令

我在我的项目StackBlitz ref is中有一个简单的清晰输入

因此，我尝试将模板代码appMyCheck=12发送的参数myValue发送到指令中，并将其打印出来。但它总是显示未定义的值

---

如何将参数正确地发送到validator指令？

我编辑您的代码，它就可以工作了

---

希望有用

是的，谢谢。我需要在useExisting:forwardRef=>MyCheckDirective上替换useClass:MyCheckDirective

<div class="clr-form-control" [ngClass]="{'clr-error': myInput.errors}">
    <label class="clr-control-label">My Input</label>
    <div class="clr-control-container">
        <div class="clr-input-wrapper">

            <input id="myinput" type="number" class="clr-input" min="1" max="10"
                [(ngModel)]="inputValue" #myInput="ngModel" appMyCheck="12"/>

            <clr-icon class="clr-validate-icon" shape="exclamation-circle"></clr-icon>
        </div>
        <span class="clr-subtext" *ngIf="myInput.errors?.inRange">
            Error
          </span>
    </div>
</div>

@Directive({
  selector: '[appMyCheck]',
  providers: [{provide: NG_VALIDATORS, useClass: MyCheckDirective, multi: true}]
})
export class MyCheckDirective implements Validator {
  @Input('appMyCheck') myValue;
  constructor() { }

  validate(control: AbstractControl): {[key: string]: any} | null {
    console.log('in validate ', this.myValue);
    return null;
  }
}

in validate  undefined
in validate  undefined

import {Directive, Input, forwardRef} from '@angular/core';
import {AbstractControl, NG_VALIDATORS, Validator} from "@angular/forms";

@Directive({
  selector: '[appMyCheck]',
   providers: [{
    provide: NG_VALIDATORS,
    useExisting: forwardRef(() => MyCheckDirective),
    multi: true
  }]
})
export class MyCheckDirective implements Validator {
  isValid: any = false;

  @Input('appMyCheck') myValue;
   set setter (state) {
    this.isValid = state;
  };
  constructor() { }

  validate(formController: AbstractControl) {
   const validationState = !this.isValid ? {
      customKey: true
    } : null;

    console.log('validation state: ', validationState);
    return validationState;
  }


 
}