Angular2 FormBuilder: Verwenden von 'this' in einem benutzerdefinierten Validator

Question

Ich entwickle ein Formular mit Angular2 FormBuilder mit benutzerdefinierten Validierung. Problem: In customValidator verwende ich this, um auf das lokale Objekt data zuzugreifen. Ich bekomme einen undefined Fehler, wenn die Validierung ausgeführt wird.

Es ist wie der CustomValidator sieht in einem anderen Objekt ausgeführt und somit die Änderung der this Referenz

Frage: Wie kann ich einen Verweis von this zum CustomValidator passieren?

export class Ast { 
    public data:any; 
    public myForm:FormGroup; 

    constructor(private _fb:FormBuilder) { 
     this.data = {foo: "bar"}; 
    } 

    customValidator(c: FormControl) { 
     if (this.data.foo == "bar") { // This line crashes 
      // DO something 
     } 
    } 

    ngOnInit() { 
     this.myForm = this._fb.group({ 
      some_field: ['', [<any>Validators.required], this.customValidator] 
     }) 
    } 
} 

Answer 1

einen Pfeil Funktion verwenden, um sicherzustellen, dass die Funktion dieses gebunden:

some_field: ['', [<any>Validators.required], c => this.customValidator(c)] 

Answer 2

Die akzeptierte Antwort nicht auf der Eingabe Fragen in Angular 2.0 für mich arbeiten (ein AbstractControl zum Gießen a FormControl, glaube ich). Die folgenden, gelöst jedoch das Problem ganz gut:

ngOnInit() { 
    this.myForm = this._fb.group({ 
     some_field: ['', [<any>Validators.required], this.customValidator.bind(this)] 
    }); 
} 

die .bind(this) Verwendung auf dem Verweis auf den Validator der Trick für mich hat.