網站搜尋

angular - angular2 resolveAndCreate HTTP - 在 RC7 中缺少 HTTP_PROVIDERS


回到 RC4 的時候,當 HTTP_PROVIDERS 存在時,我可以使用它來創建我的自定義 HTTP 實例

export function createHTTP(url:string, headers?:Headers){
  let injector = ReflectiveInjector.resolveAndCreate([
    myHttp,
    {provide:'defaultUrl', useValue:url},
    {provide:'defaultHeaders', useValue:headers || new Headers()},
    ...HTTP_Providers
  ])
  return injector.get(myHttp)
}

myHttp 是 Http 的封裝器

@Injectable()
export class myHttp{
  constructor(@Inject('defaultUrl) private url:string, @Inject('defaultHeaders) private headers:Headers, private http:Http){}

  get()
  put()...
}

現在 HTTP_PROVIDERS 已被廢棄並移除,我該如何提供它?

謝謝!

答案#1

@NgModule({
  imports: [HttpModule],
  ...
})
class AppModule {}

或者將 HTTP_PROVIDERS 的定義從 Angular2 原始碼複製到你的程式碼中,並像以前一樣在那裡使用它。

const HTTP_PROVIDERS = [
    {provide: Http, useFactory: 
      (xhrBackend: XHRBackend, requestOptions: RequestOptions): Http =>
          new Http(xhrBackend, requestOptions), 
          deps: [XHRBackend, RequestOptions]},
    BrowserXhr,
    {provide: RequestOptions, useClass: BaseRequestOptions},
    {provide: ResponseOptions, useClass: BaseResponseOptions},
    XHRBackend,
    {provide: XSRFStrategy, useFactory: () => new CookieXSRFStrategy()},
];

你也可以使用這些提供者自己創建注入器,例如

let resolvedProviders = ReflectiveInjector.resolve(HTTP_PROVIDERS);
let injector = ReflectiveInjector.fromResolvedProviders(resolvedProviders, /* this.injector (parent injector if any) */ );
var http = child.get(Http);

另見在 Angular 2 中手動注入 Http