Angular 使用服务更新组件
我是Angular的新手,需要帮助在组件和服务之间共享数据。我的第一个组件(A)是一个项目列表,一旦单击一个项目,它就会将UID传递给服务。当这个ID被发送到服务(ProcessId)并被更新时,我需要我的第二个组件(B)发出GET请求,从我的端点检索数据并呈现它。我希望我正确地解释了这一点 A部分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 =
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
的工作原理:文档列出了一些常见的组件交互模式: