如何连接eventemitter下一个方法？

Question

我想在事件发出和完成后执行一些其他代码。有没有办法像这样链接.next（）块？

@Output() myEvent = new EventEmitter<string>();
this.myEvent.next({‘test string’}).onComplete(console.log('done');

Answer 1

EventEmitter是对RxJS Subject的抽象（这是一个需要更改的主题），Subject同时实现Observable和Observer。 next不是运算符，可以在Observer接口中看到next没有返回值且无法链接。

对于上面的代码，EventEmitter有emit方法，而next属于Subject API，因此emit应首选：< / p>

@Output() myEvent = new EventEmitter<string>();
this.myEvent.emit({‘test string’});

没有onComplete方法，也没有必要。在组件销毁之前，输出应该保持不完整。

可以用

完成

this.myEvent.subscribe(null, null, () => console.log('done'));

但这会导致额外的订阅。所有销毁逻辑都应该进入相应的生命周期钩子：

ngOnDestroy() {
  console.log('done');
}

Answer 2

不，没有办法从发出事件的组件中监视这个，因为这应该是“火与忘记”。

你可以做的是定义另一个@Input-值，一旦“事件后动作”完成，它就会被父组件发出。如果你监控这个，你肯定知道什么时候开始跟进。