Angular中如何将BehaviorSubject类型的值传入POST请求？

问题原因 #

你直接将BehaviorSubject实例对象传入了POST请求参数，而非它当前持有的实际值，导致后端收到的是BehaviorSubject的内部结构（即你看到的包含_isScalar、observers等字段的对象）。

修复步骤 #

• 获取BehaviorSubject的实际值：BehaviorSubject提供value属性（或getValue()方法）来读取当前持有的值，推荐用value更直观。
• 修正组件的getter逻辑：让currentID返回BehaviorSubject的实际值，而非实例本身。
• 注意getter的调用方式：getter是属性，不需要加()调用。

修正后的代码 #

组件代码

// 修正getter，返回BehaviorSubject的实际值
get currentID() {
    return this.UserService.ID.value;
}

// 直接使用getter属性，无需加()
let data = { id: this.currentID };

this.Service.getData(data).subscribe(data => {
    // 后续处理逻辑
});

服务代码（保持原定义即可）

ID = new BehaviorSubject<any>('');

额外优化方案 #

如果需要监听ID的变化并自动发起请求，可结合switchMap操作符实现响应式请求：

this.UserService.ID.pipe(
    switchMap(id => this.Service.getData({ id }))
).subscribe(data => {
    // 处理返回数据
});

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