How to pass data from one service to another service in Angular

Question

Explain me with the help of an example How to pass data from one service to another service in Angular?

Answer 1

To pass data from one service to another service in Angular, you can use the following approaches:

1. Direct Dependency Injection

Example:

@Injectable({ providedIn: 'root' })

export class ServiceA {

  constructor(private serviceB: ServiceB) {}

  sendData(data: any) {

    this.serviceB.receiveData(data); // Pass data to ServiceB

  }

}

@Injectable({ providedIn: 'root' })

export class ServiceB {

  receiveData(data: any) {

    console.log('Data received in ServiceB:', data);

  }

}

2. Use a Shared Subject (RxJS)

Example:

@Injectable({ providedIn: 'root' })

export class ServiceA {

  private dataSubject = new Subject<any>();

  data$ = this.dataSubject.asObservable();

  sendData(data: any) {

    this.dataSubject.next(data); // Emit data

  }

}

@Injectable({ providedIn: 'root' })

export class ServiceB {

  constructor(private serviceA: ServiceA) {

    this.serviceA.data$.subscribe((data) => {

      console.log('Data received in ServiceB:', data); // Subscribe to data

    });

  }

}