为何需订阅Observable才触发afterClosed？Angular 8技术疑问

嘿，这个问题其实是RxJS里冷Observable的核心特性导致的，我来给你掰扯清楚～

1. RxJS冷Observable的本质 #

RxJS里的Observable分两种：冷的和热的。dialogRef.afterClosed()返回的是一个冷Observable——它就像一个“待触发的任务包”，只有当有人主动订阅它（调用.subscribe()）的时候，里面的逻辑才会真正启动：

• 它会去注册对话框的关闭事件监听
• 等对话框关闭时，才会依次执行你pipe里的tap、delay、map这些操作

如果不订阅，这个Observable就只是个“定义好但没启动的流程”，完全不会执行任何代码——包括你用来清理dialogRefArray、解除navigationBlocker的那些关键逻辑。

2. 你的UI按钮失效的根源 #

你之前遇到的“关闭对话框后部分UI按钮失效”，本质就是因为没订阅这个Observable：

• this.dialogRefArray里一直残留着已关闭的对话框ID，可能导致后续对话框逻辑冲突
• navigationBlocker没被正确注销，可能拦截了正常的UI交互事件

而当你订阅之后，对话框关闭时pipe里的清理代码终于执行了：

tap( () => (this.dialogRefArray = this.dialogRefArray.filter( item => item.id !== data.id )) ),
delay(500),
tap(() => this.navigationBlocker.unregister(data.id)),

这些操作把残留的资源清理干净，UI自然就恢复正常了。

3. 为什么不用手动取消订阅也没事？ #

afterClosed()返回的Observable是有限Observable——它只会在对话框关闭时发射一次值，之后就会自动触发complete信号。当Observable完成时，对应的订阅会自动取消，不会产生内存泄漏，所以你即使不写.unsubscribe()也完全没问题。

简单总结：你之前的bug就是因为冷Observable没被订阅，导致关键的清理逻辑根本没跑。订阅之后，Observable启动，清理完成，UI交互就正常了～

内容的提问来源于stack exchange，提问作者Serg Derbst