コンストラクタに引数がある場合の角度2の依存性注入

Question

私はモデルを表すtypescriptクラスを持っており、インスタンスは角度のHttpサービスを介してAPIと通信することを望みます。

しかし、インスタンスを作成するときには、モデルのコンストラクタに引数が必要です。超簡単な例を何かのために：

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

私はそれが私のインスタンスに利用できるようHttpサービスを注入したいと思いますが、それはこれを行うための標準的な方法のように思えるとコンストラクタをcommandeers：

constructor(http:Http) 

私はInjectorのドキュメントを掘り下げてきましたが、それは少し疎で、うまく動作するものは見つかりませんでした。コンストラクタパターンを使用せずにDIシステムからHttpのようなサービスへの参照を取得する方法はありますか？

Answer 1

まず、angularJSのモデルは、$ scopeまたは角2、コントローラ自体を参照します。モデルのクラスを作成してロジックを入れる必要はありません。

コントローラーコンストラクターでは、コンストラクターで複数のサービスを渡すことができます。これは、必要なだけ多くのパラメーターを取ります。

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

} 

Answer 2

更新

HTTP_PROVIDERSはとっくにいなくなっています。 HttpClientModuleが現在の置き換えです。

元

あなたは@Injectable注釈を追加する必要があるコンストラクタのパラメータを持つクラスを注入した場合。 bootstrap(AppComponent, [HTTP_PROVIDERS]);

を参照してくださいに追加するHTTP_PROVIDERSニーズを動かすためには

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

もAngular2 beta - bootstrapping HTTP_PROVIDERS - "Unexpected Token <"

あなたのコンポーネントから他の引数を渡す必要がある場合は、代わりに関数を使用してそれらを渡すyoucoud。

もう1つの方法は、インスタンスを手動で作成し、インジェクタからHttpを要求することです。

export class MyComponent { 
    constructor(injector: Injector) { 
    this.someModel = new SomeModel(Injector.resolveAndCreate(Http), 1, 2); 

    } 
} 

Answer 3

私は角度4を使用して同じ問題を解決することができました。まず、コンポーネントインジェクタを使用する新しいインジェクタを作成します。あなたのSomeModelクラスについて知っていて、クラスのインスタンスとしてmodelParamsを渡します。次に、この新しく作成したインジェクタを使用してクラスインスタンスを作成します。

@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]); 
    } 
}