Abhängigkeitsinjektion in Angular 2, wenn ein Konstruktor über Argumente verfügt

Question

Ich habe eine Typoskriptklasse, die ein Modell darstellt, und ich möchte, dass Instanzen über den Service Http von angular mit einer API kommunizieren.

Der Konstruktor des Modells benötigt jedoch Argumente beim Erstellen von Instanzen. Zum Beispiel etwas super einfach:

class SomeModel{ 
    constructor(public id:number, public name:string,){ 
    } 

Ich mochte den Http Dienst injizieren, so dass es zu meinen Instanzen verfügbar ist, aber es scheint, wie der kanonische Weg, dies zu tun kommandiert den Konstruktor mit:

constructor(http:Http) 

Ich habe durch die Injector Dokumente gegraben, aber es ist ein wenig spärlich und ich habe nichts gefunden, was funktioniert. Gibt es eine Möglichkeit, einen Verweis auf einen Service wie Http aus dem DI-System zu erhalten, ohne das Konstruktormuster zu verwenden?

Answer 1

Zunächst bezieht sich das Modell in angularJS auf $ scope oder in Angular 2 auf den Controller selbst. Sie sollten keine Klasse für das Modell erstellen und Logik darin einfügen müssen.

In einem Controller-Konstruktor können Sie mehrere Dienste über die Abhängigkeitsinjektion übergeben, indem Sie sie nur im Konstruktor angeben, der so viele Parameter benötigt, wie Sie benötigen.

constructor($scope:any, yourService:SomeService yourOtherService:OtherService) 
{ 

} 

Answer 2

Update

HTTP_PROVIDERS ist längst vorbei. HttpClientModule ist der aktuelle Ersatz.

original

Wenn Sie eine Klasse zu injizieren, die Konstruktorparameter die @Injectable Anmerkung hinzugefügt werden muss hat.

@Injectable() 
class SomeModel{ 
    // constructor(public id:number, public name:string,){ 
    // } 
    constructor(http:Http) {} 
} 

Für diese HTTP_PROVIDERS Bedürfnisse arbeiten auch

Angular2 beta - bootstrapping HTTP_PROVIDERS - "Unexpected Token <"

zu bootstrap(AppComponent, [HTTP_PROVIDERS]);

Siehe hinzugefügt werden, wenn Sie andere Argumente aus Ihrer Komponente übergeben müssen, so dass sie eine Funktion statt mit youcoud passieren.

Eine andere Möglichkeit besteht darin, die Instanz manuell zu erstellen und Http vom Injektor anzufordern.

Answer 3

Ich schaffte es, das gleiche Problem mit Winkel 4 zu lösen. Zuerst erstellen Sie neue Injektor, die Komponente Injektor verwendet. Es weiß um Ihre SomeModel Klasse und übergibt modelParams als Instanz der SomeModelParameters Klasse. Dann verwenden Sie diesen neu erstellten Injektor, um eine Klasseninstanz zu erstellen.

@Injectable() 
class SomeModel { 
    constructor(http: Http, someModelParamters: SomeModelParameters) { } 
} 

export class MyComponent { 
    constructor(injector: Injector) { 
     const modelParams = new SomeModelParameters(); 
     const injectorWithModelParams = ReflectiveInjector.resolveAndCreate(
      [ 
       SomeModel, 
       { provide: SomeModelParameters, useValue: modelParams } 
      ], 
      injector); 
     this.someModel = injectorWithModelParams.resolveAndInstantiate([SomeModel]); 
    } 
}