継承依存性の注入

Question

私が作成しやすいモデルに関連したサービスを行うために、一般的なAPIサービスを作成したい：

@Injectabe() 
export class FooService extends ModelService<Foo>{ 

} 

：

export abstract class ModelService<T> { 

    constructor(protected apiService: ApiService) { 
     //ApiService is a service that wraps Http and adds signature , auth and serialization. 
    } 

    public getAll(): Observable<T[]> { 
     return this.apiService.get<T[]>(this.modelClass, this.baseUrl); 
    } 
} 

を、その後、私はモデルFooを管理し、私のサービスを作成します。

しかし、fooService.getAll().subscribe(...);を呼び出すと、apiServiceが定義されていないというエラーが表示されます（未定義のプロパティ 'get'を取得できません）。

ので、修正は次のようにFooServiceにコンストラクタを追加することです：

constructor(api: ApiService) { 
    super(api); 
} 

しかし、問題は、それがDEV-友好的ではないということです、何もそうするように説明しますないとFooServiceはModelServiceを拡張するので、それが持っている必要があります同じコンストラクタなので、同じ依存関係になります。

依存関係を継承する方法はありますか？

PS：既に@Injectable()にModelServiceを追加しようとしましたが、同じエラーが発生しました。

EDIT：tsconfig.json：

{ 
    "compilerOptions": { 
    "baseUrl": "", 
    "declaration": false, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "lib": [ 
     "es6", 
     "dom" 
    ], 
    "mapRoot": "./", 
    "module": "es6", 
    "moduleResolution": "node", 
    "outDir": "../dist/out-tsc", 
    "sourceMap": true, 
    "target": "es5", 
    "typeRoots": [ 
     "../node_modules/@types" 
    ] 
    } 
} 

package.json：

"dependencies": { 
    "@angular/common": "2.2.1", 
    "@angular/compiler": "2.2.1", 
    "@angular/core": "2.2.1", 
    "@angular/forms": "2.2.1", 
    "@angular/http": "2.2.1", 
    "@angular/platform-browser": "2.2.1", 
    "@angular/platform-browser-dynamic": "2.2.1", 
    "@angular/router": "3.2.1", 
    ... 
    ... 
    }, 
    "devDependencies": { 
    "@angular/compiler-cli": "2.2.1", 
    ... 
    ... 
    } 

Answer 1

。子クラスには@Injectable()デコレータが必要です。

独自の依存関係を持ち、独自のコンストラクタが必要な子クラスの場合、依存関係は明示的にsuperに渡されます（他の回答を参照）。 JavaScriptでは、rest演算子と@Injectを使用していくつかの繰り返しをスキップすることができますが、TypeScriptではすべてのコンストラクタパラメータを明示的に列挙することが安全です。

Answer 2

コンストラクタは、依存関係を繰り返す必要があり、その後super(...)

@Injectabe() 
export class FooService extends ModelService<Foo>{ 
    constructor(apiService: ApiService) { 
     super(apiService); 
     //ApiService is a service that wraps Http and adds signature , auth and serialization. 
    } 
} 

を使用してスーパークラスに渡される。これは、ではありませんAngular2要件またはliこれは、コンストラクタがTypeScriptでどのように動作するかを示しています。余分な依存関係を導入しないと、それは（それが型注釈ではなく@Injectを使用している場合）デコレータは、親クラスのために必要とされる

@Injectable() 
export abstract class ModelService<T> {...} 

export class FooService extends ModelService<Foo>{ 

} 

@Injectable()ある独自のconstructorを必要としない子クラスのために