I found the soltion myself.

• No need to inject into individual components.

• Two things must be done.

  1. inside app.config.ts add following

  import { provideHttpClient, withFetch } from '@angular/common/http';
  export const appConfig: ApplicationConfig = {providers[provideHttpClient(withFetch())]
  

  2. put appConfig into bootstaping part at main.ts

  import { appConfig } from './app/app.config';
  
  bootstrapApplication(AppComponent, {
  ...appConfig,
  }).catch((err) => console.error(err));