給予額外的參數，以自定義驗證

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