在 ngOnDestroy 回调中完成 Output() 事件发射器

Question

在我的 Angular 组件的 ngOnDestroy 回调中为每个 Output() EventEmitter 调用 complete() 方法是一种好习惯吗？ 这样，当组件被销毁时，对这些输出的任何订阅都会直接结束。而且在大多数情况下，我不必再担心在父组件中取消订阅。你怎么看？

示例

我有一个父组件订阅子组件的输出事件。 我通常这样做：

childCompoment.event.pipe(
    takeUntil(this.parentComponentDestroyed$), // end subscription when parent is destroyed
  ).subscribe((eventData: any) => {
    // do stuff
  });
}

现在，如果子组件被销毁，这不会自动结束我的父订阅。我必须等到父组件自己销毁。 如果我在子组件的 OnDestroy 回调中调用 event.complete()，那么我的订阅将在子组件被销毁后立即结束。 在这种情况下，最好的方法是什么？

Answer 1

好吧，我个人觉得在@OutputEventEmitter 上拨打complete() 并不是真的必要。我这么说是因为我们可以从子组件调用emit。

这类似于不对从HttpClient 返回的Observable Subscription 调用unsubscribe，以防它只被调用一次。

这是一个amazingly enlightening article by Ben Lesh，他是 Rxjs 的负责人。阅读本文将清楚何时unsubscribe 何时不使用。

您可以考虑在类似的线路上调用complete() 的想法。

更新：

您添加的示例展示了一个极其罕见的用例，当 ChildComponent 在父组件 Typescript 类中使用时，可能使用 ViewChild 并且它的事件在父组件中被监听。在这种特殊情况下，我认为unsubscribe 在ngOnDestroy 中很重要。

但在大多数情况下，子组件的@Output 事件通常由父组件中的处理程序监听。从子组件触发的事件通常在我们手中。如果子组件被销毁，那么它不会真正触发任何事件，所以我认为没有必要在ngOnDestroy 中显式调用complete 或unsubscribe。