如何使用 rxjs 从一个页面发布事件并从另一个页面接收它

Question

在我的项目中，当我从 page1.ts 回来时，我想在 page2.ts 中触发一个事件，例如：page1.ts

  closeFrom(): void {
    //publish an event hear 
    this.event.publish('someEvent', {name: 'a name'})
    history.back();
  }

page2.ts

this.event.subscribe('someEvent', (data) => {
    const name = data.name;
})

非常感谢:D

Answer 1

如果这两个组件之间没有关系 - 最佳实践是在服务内部有一个Subject变量，并且两个组件都应该注入该服务 - 例如：

 export MyService {
    formClosed = new Subject();
}

第一个组件：

export firstComponent {   
    constructor(private myService: MyService) {}
    closeFrom(): void {
    this.myService.formClosed.next(true)
    this.event.publish('someEvent', {name: 'a name'})
    history.back();
    }
  }

第二部分

 export secondComponent {
     constructor(private myService: MyService) {}
 
     ngOnInit() {
       this.myService.formClosed.subscribe(isClosed => {
             // do something if it return true
        })
  }