angular - ionic 事件替换为 Angular Observables

Question

我了解 Ionic 事件将在下一个版本中被弃用。目前，我使用事件从子组件执行父页面中的功能。这是一个例子:

在我的主页中，它订阅了要刷新的事件:

constructor(){
  this.eventFormRefresh = (obj) => {
    this.fetch(obj.isReset);
  };
  this.events.subscribe('form:refresh', this.eventFormRefresh);
}

ngOnDestroy(): void {
  this.events.unsubscribe('form:refresh', this.eventFormRefresh);
}

在子组件中，我通过发布 'form:refresh' 事件来激活刷新，如下所示:

this.events.publish('form:refresh');

我将如何使用 angular observables 完成上述操作？

Answer 1

您可以使用 rxjs Subject为此，首先创建一个公共(public)服务，例如。

@Injectable()
export class EventService{
  private formRefreshAnnouncedSource = new Subject();
  formRefreshSource$ = this.formRefreshAnnouncedSource.asObservable();

  publishFormRefresh(){
    this.formRefreshAnnouncedSource.next()
  }

}

然后像这样发布

this.eventService.publishFormRefresh();

并订阅一些组件

this.subscription = this.eventService.formRefreshSource$.subscribe(data => {
  //do something here
});

和 cancel subscription在 ngOnDestroy 上

this.subscription.unsubscribe()