给予额外的参数，以自定义验证

Question

我与Angular2表单验证和棒试验，以检查是否值已经采取：

namesArray = Users[]; 
ngOnInit() { 
this.myForm = this.fb.group({ 
     name: ['', Validators.compose([ 
     Validators.required, 
     this.nameValidator 
     ]) 
     ], 
}) 
} 

nameValidator(control:FormControl):{[key:string]:boolean} { 
    console.log(this.namesArray); 
    return null; 
} 

这将返回我一个错误：

无法读取属性“ namesArray'的undefined

当我打印this是返回undefined。那么如何访问函数外部的数组？

Answer 1

你需要脂肪箭头功能通过保留this

ngOnInit() { 
this.myForm = this.fb.group({ 
     name: ['', Validators.compose([ 
     Validators.required, 
     (control) => this.nameValidator(control as FormControl) 
     ]) 
     ], 
}) 
} 

更多脂肪箭头位置：https://basarat.gitbooks.io/typescript/content/docs/arrow-functions.html