angular - 如何从操作中注入(inject) Angular 2 服务中的提供者？

Question

我试图在 Redux 的帮助下消除组件对 Angular 服务的依赖。

基本上，流程是组件 -> 操作 -> 服务

服务中我想使用@angular/core的http模块，建议在构造函数中传入:

export class SampleService {
    constructor(public http: Http) {}
}

当我从操作中调用服务时，它不会获取 http 提供程序，因为我在其中没有 http 提供程序的实例。

export default class SampleAction {
    private _projectService;
    constructor() {
        this._sampleService = new SampleService();
    }
}

如何将 http 提供程序注入(inject)到服务中？

Answer 1

在您的操作中，您可以在构造函数中注入(inject) Http 并将其传递到服务实例中。有点像

export default class SampleAction {
    private _projectService;
    constructor(@Inject(Http) http: Http) {
        this._sampleService = new SampleService(http);
    }    
}