Me encontré con este problema específico en la arquitectura de mi proyecto Angular:
Tengo un componente que necesita cargar un servicio diferente según la URL actual. Se hace resolviendo el servicio como en el ejemplo a continuación.
ChartRoutingModule
const routes: Routes = [ { path: 'doctorspecialities', component: ChartComponent, resolve: { service: DoctorSpecialitiesServiceResolver, }, }, ] @NgModule({ imports: [RouterModule.forChild(routes)], exports: [RouterModule], providers: [DoctorSpecialitiesServiceResolver], }) export class ChartRoutingModule {}Cuando el usuario ingresa una URL específica, el servicio se resuelve:
DoctorEspecialidadesServicioResolver
@Injectable() export class DoctorSpecialitiesServiceResolver implements Resolve<any> { resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) { return new DoctorSpecialitiesService(); } } Y el servicio está en ActivatedRoute. Todo funciona bien por ahora. Pero necesito inyectar HttpClient en este servicio. Agregar private _http: HttpClient en el constructor de DoctorSpecialitiesService da como resultado este error:
An argument for '_http' was not provided.
Creo que debería pasar esta dependencia en Resolver pero no tengo idea de dónde debería declararla. No pude encontrar nada que me ayude. ¿Me podrías dar una mano con esto?
Puede hacer que se inyecte HttpClient en su resolución y luego pasarlo al constructor DoctorSpecialitiesService de la siguiente manera:
@Injectable() export class DoctorSpecialitiesServiceResolver implements Resolve<any> { constructor(private http: HttpClient) { } resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) { return new DoctorSpecialitiesService(this.http); } }