Angular中如何正确更新Observable实例的单个属性值

你之前在subscribe回调里直接修改tp属性的写法存在本质问题：这种操作只是直接修改了BehaviorSubject内部存储对象的属性，不会触发Subject的变更通知，所有订阅了trackParams的组件、服务都收不到参数更新事件，筛选逻辑自然不会按预期触发。
如果每次直接传全新的TrackParams默认实例，又会把之前修改过的其他字段重置为初始值，确实会打乱现有筛选逻辑。

你定义的TrackParams类构造函数本身就支持传入Partial<TrackParams>类型的部分参数做属性合并，配合BehaviorSubject自带的getValue()方法获取当前最新参数快照，合并要修改的字段后生成新实例再推送即可，完全不会丢失其他已配置的属性。
首先优化服务层代码，把内部的Source设为私有避免外部随意篡改，新增部分参数更新的通用方法：

export class TrackParamsService {
  // 核心数据源设为私有，禁止外部直接操作
  private trackParamsSource = new BehaviorSubject<TrackParams>(new TrackParams());
  trackParams = this.trackParamsSource.asObservable();
  constructor() { }

  getTrackParams() {
    return this.trackParams;
  }

  // 保留全量覆盖更新的能力
  setTrackParams(value: TrackParams) {
    this.trackParamsSource.next(value);
  }

  // 新增部分字段更新方法，入参仅需传入需要修改的字段
  updateTrackParams(partialParams: Partial<TrackParams>) {
    // 获取当前最新的完整参数
    const currentValue = this.trackParamsSource.getValue();
    // 合并旧值与新传入的修改字段，未传入的字段完全保留旧值
    const newValue = new TrackParams({
      ...currentValue,
      ...partialParams
    });
    // 推送新值，触发所有订阅方的更新
    this.trackParamsSource.next(newValue);
  }
}

组件层调用非常简单，不管修改单个还是多个字段，只需要传入对应键值对即可，比如你修改流派ID的场景：

onClick(checked, genreId) {
  if (checked) {
    // 仅传入需要修改的genreId，其余参数自动保留当前配置
    this.trackParams.updateTrackParams({ genreId });
    // 如果需要同时修改多个字段，直接在对象里追加属性即可，例如：
    // this.trackParams.updateTrackParams({ genreId, minBpm: 120 });
  }
}

• 所有参数变更都会通过next推送通知，所有订阅方都能及时拿到完整的最新参数，不会出现状态改了但筛选不触发的问题
• 合并逻辑保证未修改的字段完全保留上一次的值，不会被重置为类的默认值
• 内部数据源私有化后，所有参数修改都走服务暴露的统一方法，状态变更可追踪，不会出现外部随意篡改内部值导致的诡异问题

注意：不要使用直接修改订阅返回对象属性的写法，这种突变对象的操作绕过了Observable的通知机制，会让状态变更变得不可预测，后续排查问题成本极高。

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