Angular 使用服务更新组件

Angular 使用服务更新组件,angular,angular-services,angular-components,Angular,Angular Services,Angular Components,我是Angular的新手,需要帮助在组件和服务之间共享数据。我的第一个组件(A)是一个项目列表,一旦单击一个项目,它就会将UID传递给服务。当这个ID被发送到服务(ProcessId)并被更新时,我需要我的第二个组件(B)发出GET请求,从我的端点检索数据并呈现它。我希望我正确地解释了这一点 A部分 export class SidebarCardsComponent implements OnInit { eventData: any; eventId:number; eventsUrl =

我是Angular的新手,需要帮助在组件和服务之间共享数据。我的第一个组件(A)是一个项目列表,一旦单击一个项目,它就会将UID传递给服务。当这个ID被发送到服务(ProcessId)并被更新时,我需要我的第二个组件(B)发出GET请求,从我的端点检索数据并呈现它。我希望我正确地解释了这一点

A部分

export class SidebarCardsComponent implements OnInit {
eventData: any;
eventId:number;
eventsUrl = 'URL'

  constructor(private _clientService: ClientService) {}


  ngOnInit() {

     fetch(this.eventsUrl).then(res => res.json())
      .then((data:any) => {
        this.eventData = data;
      });
  }


sendEvent(eventId){
  this._clientService.receiveEvent(eventId);
  }
}
我的服务

 processId: number;

 receiveEvent(eventId){
   this.processId = eventId;
   console.log(this.processId)
 }

检查
Observable
的工作原理:文档列出了一些常见的组件交互模式: