4

我需要在不使用 Angular2 的 DI 的情况下获取 Http 实例（构造函数（私有 http：Http））

以下代码取自另一个 stackoverflow 问题，它适用于 Angular2 RC.4 及更早版本，但不适用于 RC.5+（HTTP_PROVIDERS 不再可用）：

const injector = ReflectiveInjector.resolveAndCreate([
  HTTP_PROVIDERS
]);

this.http = injector.get(Http);

Stackoverflow 上有几个关于同一代码的不同变体的问题，但它们都不适用于 RC.5+。

有人知道如何在 RC.5+ 中执行相同的操作吗？

4

2 回答 2

3

只需查看HttpModule. 您将看到创建Http. 这些提供者中的大多数是现在被删除的HTTP_PROVIDERS

export function _createDefaultCookieXSRFStrategy() {
  return new CookieXSRFStrategy();
}

export function httpFactory(xhrBackend: XHRBackend, requestOptions: RequestOptions): Http {
  return new Http(xhrBackend, requestOptions);
}

@NgModule({
  providers: [
    {provide: Http, useFactory: httpFactory, deps: [XHRBackend, RequestOptions]},
    BrowserXhr,
    {provide: RequestOptions, useClass: BaseRequestOptions},
    {provide: ResponseOptions, useClass: BaseResponseOptions},
    XHRBackend,
    {provide: XSRFStrategy, useFactory: _createDefaultCookieXSRFStrategy},
  ],
})
export class HttpModule {
}

只需将上面的所有内容添加providers到您传递给的数组中ReflectiveInjector.resolveAndCreate。

如果您的目标是获得Httpbefore 引导程序，那么您需要处理另一件小事，即CookieXSRFStrategy. 它在引导之前不起作用，因为它依赖于某些平台浏览器的东西。如本文所述，您可以将其替换为 noop

于 2016-09-21T18:33:50.357 回答
0

终于找到答案了。

您可以使用Injector获取依赖关系，如下所示。

服务.ts

import { Injectable,Injector } from '@angular/core';
import {Http} from '@angular/http';

@Injectable()
export class Service{
    constructor(private injector:Injector){}

    display(){

        this.http=this.injector.get(Http);   //<<<<------here the magic happens

        console.log(this.http);
        return this.http.get('user.json').map(res => {return res.json()}).toPromise();
    } 
}


如果您仍有任何疑问，您可以查看在 Angular2.0.0 中制作的这个工作 plunker：
https ://plnkr.co/edit/eWLB2BaL66pnJ7SC6qAL?p=preview

于 2016-09-21T17:58:58.453 回答