Angular 2向服務中注入類

Question

我想用我的配置參數在我的服務中注入一個類。

我做了下面的示例代碼，但它不工作：

import { Config } from '../app.constants'; 

console.log(Config); // here i can access to my properties of config 

@Injectable() 
export class MyService { 


    protected config: Config; 

    constructor(protected _http: Http, @Inject(Config) _configuration: Config) { 
    console.log(this.config); // undefined 
    console.log(_configuration); // undefined 
} 

我覺得我沒有理解的範圍和注入的角度2. 過程如何訪問我的課配置裏面我服務MyService？

編輯：

這裏是我的模塊

import { NgModule }  from '@angular/core'; 

import { MyService } from './my.service'; 
import { Config } from '../app.constants'; 


@NgModule({ 
    imports: [ 
    ], 
    declarations: [ 
    MyService 
    ], 
    exports: [ 
    MyService 
    ], 
    providers: [ 
    MyService, 
    Config 
    ] 
}) 
export default class MyModule {} 

，這裏是我的配置：

import { Injectable } from '@angular/core'; 

@Injectable() 
export class Config { 
    public Port: number = 1234; 
    public Server: string = "http://my-server.com"; 
} 

服務爲MyService不是直接調用，但我延長會這樣：

@Injectable（） export class TestService extends MyS ervice { ... }

這是進口的那樣：

import { TestService } from '../service/test.service'; 
//some modules are from ng2-admin, we can ignore them 
@NgModule({ 
    imports: [ 
    CommonModule, 
    NgaModule, 
    TestRouting 
    ], 
    declarations: [ 
    TestComponent, 
    HoverTable 
    ], 
    exports: [ 
    TestComponent, 
    HoverTable 
    ], 
    providers: [ 
    TestService 
    ] 
}) 
export default class TestModule {} 

，最後我的組件

@Component({ 
    selector: 'test-list', 
    template: require('./test.html') 
}) 
export class TestComponent { 


    constructor(protected service: TestService) { 
     //console.log(service); 

    } 

Answer 1

export class MyService { 

    protected config: Config; 

    constructor(protected _http: Http, @Inject(Config) _configuration: Config) { 
    console.log(this.config); // undefined 
    console.log(_configuration); // undefined 
    } 
} 

你從來沒有在任何地方初始化配置領域，所以它是未定義。所有你需要的是

export class MyService { 

    protected config: Config; 

    constructor(protected _http: Http, _configuration: Config) { 
    this.config = _configuration; 
    } 
} 

或者乾脆

export class MyService { 

    protected config: Config; 

    constructor(protected _http: Http, protected config: Config) { 
    } 
} 

由於爲MyService是，必須將其添加到您的模塊的供應商，而不是聲明（這是件，管道和服務指令）：

@NgModule({ 
    providers: [ 
    MuleService, 
    Config, 
    MyService 
    ] 
}) 

如果你只想使用TestService的作爲一種服務，而不是爲MyService，確保TestService的有一個構造函數都必須被注入的參數，以o：

constructor(http: Http, config: Config) { 
    super(http, config); 
}