Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

253
Vistas
¿Cómo puedo obtener datos del servicio en el interceptor angular?

Quiero agregar mi token de autenticación en el encabezado de solicitud en mi auth.interceptor.ts y mantengo el valor del token de autenticación en mi auth.service.ts . Aquí está auth.interceptor.ts

 @Injectable() export class AuthInterceptor implements HttpInterceptor { constructor(private router: Router, private authService: AuthService) { } intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> { console.log('intercept', request); const authReq = request.clone({headers: request.headers.set(this.authService.getAuthenticationKey(), this.authService.getAuthenticationToken())}); return next.handle(request); } }

y aquí hay parte de auth.service.ts

 ... public getAuthenticationToken(): string { return this.authenticationToken; } public getAuthenticationKey(): string { return this.authenticationKey; } ...

Y aquí está mi app.module.ts

 providers: [ { provide: HTTP_INTERCEPTORS, useFactory: (router: Router, authService: AuthService) => { return new AuthInterceptor(router, authService); }, multi: true, deps: [Router] } ],

pero me sale este error

 TypeError: Cannot read properties of undefined (reading 'getAuthenticationKey')

¿Cuál es el problema?

over 4 years ago · Santiago Trujillo
1 Respuestas
Responde la pregunta

0

Agregue AuthService a las dependencias ( deps ). Como la función de fábrica tiene acceso a AuthService , debe inyectarlo en el proveedor de fábrica.

 providers: [ { provide: HTTP_INTERCEPTORS, useFactory: (router: Router, authService: AuthService) => { return new AuthInterceptor(router, authService); }, multi: true, deps: [Router, AuthService] } ],

Referencias

Uso de proveedores de fábrica

over 4 years ago · Santiago Trujillo Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda