Service d'exportation à partir d'un autre module Angulaire 2
Je suis en train de créer une réutilisables dans un module séparé, à l'instar de Angulaire 2 du styleguide. Cependant j'ai une erreur quand j'essaie d'utiliser le service dans un autre service:
Uncaught Error: Can't resolve all parameters for AttendanceSummaryService:
Voici mon module de base:
import { NgModule, Optional, SkipSelf } from '@angular/core';
import { CommonModule } from '@angular/common';
import { throwIfAlreadyLoaded } from './module-import-guard';
import { HttpClientService } from './httpClient.service';
import { HttpModule } from '@angular/http';
@NgModule({
imports: [
CommonModule,
HttpModule
],
exports: [],
declarations: [],
providers: [HttpClientService]
})
export class CoreModule {
constructor( @Optional() @SkipSelf() parentModule: CoreModule) {
throwIfAlreadyLoaded(parentModule, 'CoreModule');
}
}
Mon HttpClientService
:
import { Injectable } from '@angular/core';
import { Http, Headers } from '@angular/http';
@Injectable()
export class HttpClientService {
constructor(private http: Http) { }
createAuthorizationHeader(headers: Headers) {
headers.append('Authorization', 'Bearer ' + '');
}
get(url) {
let headers = new Headers();
this.createAuthorizationHeader(headers);
return this.http.get(url, {
headers: headers
});
}
post(url, data) {
let headers = new Headers();
this.createAuthorizationHeader(headers);
return this.http.post(url, data, {
headers: headers
});
}
}
Et mon application.module qui importe le module de base:
import { NgModule, ApplicationRef } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpModule } from '@angular/http';
import { AppComponent } from './app.component';
import { AttendanceSummaryService } from './home/attendance-summary.service';
import { CoreModule } from './core/core.module';
import { HttpClientService } from './core/httpClient.service';
import {FormControl, FormGroup, ReactiveFormsModule} from '@angular/forms';
@NgModule({
bootstrap: [AppComponent],
declarations: [
AppComponent,
AttendanceSummaryComponent,
],
imports: [
BrowserModule,
FormsModule,
ReactiveFormsModule,
HttpModule,
CoreModule
],
providers: [
HttpClientService,
AttendanceSummaryService
]
})
export class AppModule {
constructor(public appRef: ApplicationRef) { }
}
Et le service qui consomme le HttpClientService
:
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs/Rx';
import { AttendanceSummary } from './attendance-summary.model';
import { Http, Response, Headers, RequestOptions } from '@angular/http';
import { HttpClientService } from '../core/httpClient.service';
Injectable()
export class AttendanceSummaryService {
private apiBaseUrl = '/api/v1/agency/attendances/';
constructor(private http: HttpClientService) { }
}
Des idées?
Grâce.
OriginalL'auteur Mohammad Sepahvand | 2016-12-07
Vous devez vous connecter pour publier un commentaire.
Je pense que vous obtenez l'erreur parce que vous avez oublié
@
avantInjectable
:OriginalL'auteur ranakrunal9
Pour les autres trouver cette question. Dans votre module, vous pouvez avoir vos services énumérés à l'exportation. Il devrait être dans vos fournisseurs; pas dans les importations, les déclarations ou les exportations.
OriginalL'auteur N-ate