Angular Resolver如何处理订阅？是否自动取消订阅？

我正在使用Angular resolver加载页面初始数据，已知它可返回Observable或Promise。

我的实现代码如下：

export class MySiteResolver implements Resolve<ApiResponse> {
    readonly #myApiService = inject(MyApiService);

    resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<ApiResponse> {
        const param = Number(route.paramMap.get("param"));
        return this.#myApiService.getMethod(param);
    }
}

页面加载时，Resolver会订阅该Observable并返回API结果，符合预期。但我有两个疑问：

• Resolver会保持订阅活跃吗？还是仅获取API调用的首次/末次结果？
• 如果订阅保持活跃，切换路由后Resolver会自动取消订阅吗？

或者说，Resolver总体上是如何处理订阅的？

我查阅了Angular文档和相关问题，但未找到明确答案。我可选择返回promise或使用first()操作符的安全方案，但想了解Angular的原生处理逻辑。

解答：Angular Resolver的订阅处理逻辑 #

1. Resolver不会保持订阅活跃，仅获取第一个值 #

Angular Resolver的核心设计就是仅获取Observable的第一个发射值，一旦拿到这个值，就会立即完成订阅，不会持续监听后续的发射。

哪怕你的Observable是能持续产生值的流（比如WebSocket连接、持续更新的Subject），Resolver也只会取第一个值就停止订阅，不会保持活跃状态。

2. 切换路由时无残留订阅问题 #

因为Resolver在获取第一个值后已经主动取消了订阅，所以切换路由时不存在活跃订阅残留的情况。

另外，如果在Resolver的Observable还未发射值时（比如API请求还在pending状态）用户切换路由，Angular的路由系统会自动取消该Observable的订阅，避免内存泄漏。

完整的订阅处理流程 #

1. 触发路由导航时，Resolver执行resolve方法，拿到返回的Observable/Promise。
2. 订阅该Observable，等待第一个值的发射。
3. 收到第一个值后：
   • 立即取消订阅Observable
   • 将值存入路由的data对象，供目标组件使用
   • 继续执行路由导航流程
4. 如果在订阅过程中路由被取消（用户跳转其他页面），Angular会直接终止Resolver的执行，取消对应的订阅。

关于安全方案的补充 #

虽然Angular原生已经处理了订阅的自动取消，但如果你的Observable是长期活跃的流，手动添加first()或take(1)操作符可以更明确地表达代码意图，避免潜在的意外行为，这也是社区推荐的最佳实践。

内容的提问来源于stack exchange，提问作者T. Jami