如何使用服务在同级组件之间共享对象？

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class DataSharingService {
  sharedObject: any;

  constructor() { }
}

import { Component } from '@angular/core';
import { DataSharingService } from '路径';

@Component({
  selector: 'component-a',
  template: `
    <button (click)="shareObject()">Share Object</button>
  `
})
export class ComponentA {
  constructor(private dataSharingService: DataSharingService) { }

  shareObject() {
    this.dataSharingService.sharedObject = { data: 'Shared Object' };
  }
}

@Component({
  selector: 'component-b',
  template: `
    <div>{{ sharedObject }}</div>
  `
})
export class ComponentB {
  sharedObject: any;

  constructor(private dataSharingService: DataSharingService) { }

  ngOnInit() {
    this.sharedObject = this.dataSharingService.sharedObject;
  }
}