我想手动引导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)
您可以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
功能。
我展示的方法与您导入时所执行的操作“类似HttpClientModule
” AppModule
:
@NgModule({
imports: [HttpClientModule, ...],
})
export class AppModule {}
有关详情,请参见此插件。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句