Zugriff auf einen Dienst von einem benutzerdefinierten Validator in Angular2

Question

Ich muß innerhalb einer statischen Methode aus meinem benutzerdefinierten HTTP-Dienst zugreifen zu können, wie zB:

import {Control} from 'angular2/common'; 
import {HttpService} from './http.service'; 

class UsernameValidator { 
    static usernameExist(control: Control): Promise<ValidationResult> { 
     ... /* Access my HTTPservice here */ 
    } 
} 

Wie kann ich einen Dienst in diesem Fall zugreifen?

Answer 1

Ein anderer Ansatz besteht darin, eine Funktion zurückzugeben. Auf diese Weise diese Funktion Zugriff auf HttpService Instanz bei der Erstellung zur Verfügung gestellt haben:

class UsernameValidator { 
    static createUsernameExist(http:HttpService) { 
    return (control: Control) => { 
     ... /* Access my HTTPservice here */ 
    } 
    } 
} 

Sie können es dann so verwenden:

validator: UsernameValidator.createUsernameExist(this.httpService) 

Answer 2

class UsernameValidator { 
    constructor(http:HttpService){} 

    usernameExist(control: Control): Promise<ValidationResult> { 
     ... /* Access my HTTPservice here */ 
    } 
} 

verwenden sie dann wie

validator: new UsernameValidator(http).usernameExist 

Die HttpService Bedürfnisse in der Komponente Konstruktor injiziert werden und dann anstatt auf den manuell erzeugten validator Instanz übergeben, wie oben gezeigt.