no-httpinterceptors-token

Restrict the usage of HTTP_INTERCEPTORS which was the way to provide legacy class-based interceptors.

Use provideHttpClient(withInterceptors()) with functional interceptors instead.

Documentation

• HTTP interceptors guide

Configuration

• in the recommended preset
• in the functional preset
• or just this rule:

{
  rules: {
    'eslint-plugin-angular-modern/no-httpinterceptors-token': 'error'
  }
}

❌ Invalid

@NgModule({
  imports: [
    HttpClientModule,
  ],
  providers: [
    { provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true },
  ],
})
export class AppModule {}

✅ Valid

export const appConfig: ApplicationConfig = {
  providers: [
    provideHttpClient(
      withInterceptors([authInterceptor]),
    ),
  ],
};

Back to README