ngx-interceptors
v0.1.2
Published
Library with common HTTP Interceptors for Angular Applications
Downloads
40
Maintainers
Readme
ngx-interceptors
Common HTTP Interceptors for Angular Applications. Available as HTTP Inteceptor class or function.
Installation
Using npm:
npm i ngx-interceptors
Using yarn:
yarn add ngx-interceptors
Interceptors
Usage
Adding one or multiple interceptors to your application is done by registering them as providers. Either in your module class or for standalone projects in the bootstrap application function.
Module based project
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
HttpClientModule
],
providers: [
{ provide: HTTP_INTERCEPTORS, useClass: RetryInterceptor, multi: true }
],
bootstrap: [AppComponent]
})
export class AppModule { }
Standalone project
HTTP Interceptor Class
bootstrapApplication(AppComponent, {
providers: [
provideHttpClient(
withInterceptorsFromDi()
),
{ provide: HTTP_INTERCEPTORS, useClass: RetryInterceptor, multi: true }
]
})
.catch((err) => console.error(err));
HTTP Interceptor Function
bootstrapApplication(AppComponent, {
providers: [
provideHttpClient(
withInterceptors([retryInterceptor])
)
]
})
.catch((err) => console.error(err));
Configuration
Each interceptor comes with a custom configuration. You can overwrite the default configuration and provide your own values.
providers: [
{
provide: RETRY_INTERCEPTOR_CONFIG,
useValue: {
retries: 3,
delay: 1000
}
}
]
If no or incomplete configurations are provided, the default values will be used.