在Angular 4中手动注入Http

霍蒂

我想手动引导Angular 4应用程序(使用CLI创建)。main.ts我这样做:

const injector = ReflectiveInjector.resolveAndCreate([
  Http,
  BrowserXhr,
  {provide: RequestOptions, useClass: BaseRequestOptions},
  {provide: ResponseOptions, useClass: BaseResponseOptions},
  {provide: ConnectionBackend, useClass: XHRBackend},
  {provide: XSRFStrategy, useFactory: () => new CookieXSRFStrategy()},
]);
const http = injector.get(Http);

http.get('assets/configs/configuration.json')
  .map((res: Response) => {
    return res.json();
  }).subscribe((config: Configuration) => {
  configuration = config;
  console.log(JSON.stringify(configuration));
  platformBrowserDynamic().bootstrapModule(AppModule);
});

我似乎获得了一个有效的Http实例,但是当我使用它(http.get)时出现此错误:

Uncaught TypeError: Cannot read property 'getCookie' of null
    at CookieXSRFStrategy.webpackJsonp.../../../http/@angular/http.es5.js.CookieXSRFStrategy.configureRequest (vendor.bundle.js:141626)

我的http对象看起来像这样: 在此处输入图片说明

马克斯·科雷茨基(Max Koretskyi)

您可以HttpClient在Angular开始使用之前使用service,ReflectiveInjector如下所示:

import { ReflectiveInjector } from '@angular/core';
import { HttpClient, HttpClientModule } from '@angular/common/http';
const injector = ReflectiveInjector.resolveAndCreate(getAnnotations(HttpClientModule)[0].providers);

const http = injector.get(HttpClient);
http.get('/posts/1').subscribe((r) => {
  ConfigurationService.configuration = <Configuration>JSON.parse(config);
  platformBrowserDynamic().bootstrapModule(AppModule);
});

这行:

getAnnotations(HttpClientModule).providers

引用在上注册的所有提供程序,HttpClientModule因此您无需手动指定它们。该答案详细解释了该getAnnotations功能。

我展示的方法与您导入时所执行的操作“类似HttpClientModuleAppModule

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

有关详情,请参见此插件

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章