In my example code I have two services: FooService and BarService.

BarService is calling foo() function from FooService.

AppComponent is inject the BarService and calling to bar() function from BarService.

Right now, BarService is depend on FooService.

I wounding if there is a way to make BarService not be depend on FooService? so they not talk with each other and will not know about each other?

I saw in microservice approach that services can talk with each other without direct connection by using http-request.

This is apply to this use case?

https://stackblitz.com/edit/angular-ivy-aphlkt?file=src%2Fapp%2Fbar%2Fbar.module.ts,src%2Fapp%2Ffoo%2Ffoo.service.ts,src%2Fapp%2Fapp.component.ts

@Injectable({ providedIn: 'root' })
export class BarService {
  constructor(private fooService: FooService) {}

  bar() {
    console.log('in bar');

    this.fooService.foo();
  }
}