Я пытаюсь создать оболочку для встроенной службы Http в angular 2, чтобы иметь возможность добавлять собственное поведение (заголовки, параметры и т. д.).
Поэтому я создал обычный класс (не сервис) и наследовал его от Http. Определение класса
import {
Http,
ConnectionBackend,
RequestOptions,
RequestOptionsArgs,
Headers
} from '@angular/http';
import { Observable } from 'rxjs/Observable';
import {tamamApiUrl} from '../constants';
import {CustomQueryEncoder} from './CustomQueryEncoder';
import 'rxjs/Rx';
export class BaseHttp extends Http {
protected applicationDataService;
protected baseUrl: string = tamamApiUrl;
protected encoder: CustomQueryEncoder;
constructor(backend:ConnectionBackend,
defaultOptions: RequestOptions, applicationDataService: any) {
super(backend, defaultOptions);
this.applicationDataService = applicationDataService;
}
get(url: string, options?: RequestOptionsArgs): Observable<any> {
this.addDefaultOptions(options);
return super.get(url, options);
}
post(url: string, body: any, options?: RequestOptionsArgs): Observable<any> {
this.addDefaultOptions(options);
this.addDefaultPostOptions(options);
return super.post(url, body, options);
}
private addDefaultOptions(options?: RequestOptionsArgs): RequestOptionsArgs {
if (options == null) {
options = new RequestOptions();
}
if (options.headers == null) {
options.headers = new Headers();
}
const applicationData = this.applicationDataService.getApplicationData();
if (applicationData.applicationKey) {
options.headers.append('application-id', applicationData.applicationKey);
}
if (applicationData.secretKey) {
options.headers.append('secret-key', applicationData.secretKey);
}
if (applicationData.userToken) {
options.headers.append('user-token', applicationData.userToken);
}
return options;
}
private addDefaultPostOptions(options): void {
options.headers.append('Content-Type', 'application/json');
}
/*private requestInterceptor(): void {
this.loaderService.showPreloader();
}
private responseInterceptor(): void {
this.loaderService.hidePreloader();
}*/
}
Затем я создал службу, унаследованную от этого класса, чтобы я мог внедрить ее позже и использовать для своих целей.
import { Headers, URLSearchParams } from '@angular/http';
import {tamamRootUrl} from '../constants';
import {BaseHttp} from '../api/BaseHttp';
import { Injectable } from '@angular/core';
import {
ConnectionBackend,
RequestOptions,
} from '@angular/http';
import {ApplicationService} from './ApplicationService';
@Injectable()
export class InspectionHttpService extends BaseHttp{
protected baseUrl: string = tamamRootUrl;
protected params: URLSearchParams = new URLSearchParams();
constructor(backend: ConnectionBackend,
defaultOptions: RequestOptions, protected applicationService: ApplicationService) {
super(backend, defaultOptions, applicationService);
}
getRootUrl() {
return this.baseUrl;
}
}
После того, как я пытаюсь внедрить созданный сервис в компонент, я получаю сообщение об ошибке:
error_handler.js:47 ИСКЛЮЧЕНИЕ: неперехвачено (в промисе): ошибка: ошибка в классе ./VehiclesListComponent VehiclesListComponent_Host — встроенный шаблон: 0:0, вызванный: нет поставщика для ConnectionBackend!
Я попытался найти решение с помощью stack-overflow, но вижу, что HtpModule уже должен иметь все необходимое для правильной работы.
Кто-нибудь может мне помочь? В чем проблема?
{}
на панели инструментов редактора (или используйте любой другой способ, чтобы каждая строка кода начиналась как минимум с 4 пробелов) - person Günter Zöchbauer   schedule 09.11.2016[<>]
предназначены только для кода, который действительно может быть выполнен внутри вопроса,[{}]
— для кода, который не может быть запущен. - person Günter Zöchbauer   schedule 09.11.2016