从angular 2中的表单验证器方法访问类变量

Question

我正在尝试使用自定义验证来构建模式驱动的表单。 我想验证用户插入的密码是否符合要求（大写字母，小写字母和数字）。 问题是我不想特别在方法中编写正则表达式，我想拥有一个不可避免的服务来集中我的所有正则表达式。 我能够将服务注入组件类，但不能以任何方式访问validateetor方法内的服务实例。

任何人都知道如何访问该服务？

谢谢。

这是我的代码：

export class SignUpComponent implements OnInit {
regexService:RegexService
  builder: FormBuilder
  signUpForm: FormGroup;
  email: FormControl;
  password: FormControl;
  passwordAgain: FormControl;


  matchedPassword (input: any) {
    if(!input.root || !input.root.controls)
    return null;

    if(input.root.controls.password.value===input.root.controls.passwordAgain.value)
      return null;
    else
      return { mismatchedPassword: true };
   }

   passwordAnswerRequirements(input: any){
     if(!input.root || !input.root.controls)
     return null;

     if(this.regexService.getRegex('password').test(input.value))
        return null;
      else
        return {notAcceptablePassword:true}
   }



  constructor(builder: FormBuilder,regexService:RegexService) {
    this.builder=builder;
    this.regexService=regexService;
  }

  ngOnInit(){
    this.email = new FormControl('', [
       Validators.required,
    ]);
     this.password = new FormControl('', [
        Validators.required,
        this.matchedPassword,
        this.passwordAnswerRequirements
     ]);
     this.passwordAgain=new FormControl('',[
        Validators.required,
        this.matchedPassword,
        this.passwordAnswerRequirements
     ]);
     this.signUpForm = this.builder.group({
       email: this.email,
       password: this.password,
       passwordAgain:this.passwordAgain
     });
  }

我的服务名称是“ RegexService”，验证函数名称是“ passwordAnswerRequirements”

Answer 1

您无需声明服务变量，它已经在构造函数中，可以在类内将其用作this.regexService ，因此

export class SignUpComponent implements OnInit {
//regexService:RegexService  -- remove this line
  builder: FormBuilder
  signUpForm: FormGroup;
  email: FormControl;
  password: FormControl;
  passwordAgain: FormControl;



  constructor(builder: FormBuilder,private regexService:RegexService) {
    this.builder=builder;
   // this.regexService=regexService; -- you don't need this line
  }
....

Answer 2

我终于找到了一种解决方案。它不是最美观的解决方案，但它可以起作用...我在'passwordAnswerRequirements'方法周围添加了一个包装函数，然后我就可以从中获取服务实例并将其放入局部变量中。

  passwordAnswerRequirements() {
    let passwordRegexExp = this.regexService.getRegex('password');
    return (input: any) => {
      if (!input.root || !input.root.controls)
        return null;
      if (passwordRegexExp.test(input.value))
        return null;
      else
        return { notAcceptablePassword: true }
    };
  }