Angular Signals是否忽略快速值变更？v19异常问题求助

核心原因 #

Angular v19对Signals的变更检测逻辑做了性能优化，新增了批量更新合并机制：当短时间内多次调用set()更新同一个signal时，Angular会自动合并这些连续更新，仅保留最后一次的变更值，以此避免频繁触发变更检测带来的性能损耗。这和v18版本中即时响应每一次set()调用的逻辑不同，也是升级后出现丢消息问题的直接原因。

解决方案 #

• 针对数组/对象类型的signal：使用mutate()替代set()
  如果你的__messagesSg是存储消息列表的数组，不要每次用set()替换整个数组，而是用mutate()直接修改数组内容，每一次修改都会被Signals追踪到：

  // 假设__messagesSg是数组类型的signal
  this.__messagesSg.mutate(messages => {
    messages.push(deserializer(event));
  });
  

• 针对单个值场景：绕开批量合并机制
  如果必须让每一次set()都触发响应，可以用queueMicrotask包裹更新操作，强制将每一次变更放入独立的微任务队列，避免被合并：

  deserializer && queueMicrotask(() => {
    this.__messagesSg.set(deserializer(event));
  });
  

• 调整effect配置（若用effect处理消息）
  如果依赖effect响应每一次signal变更，确保开启allowSignalWrites配置，同时避免effect内部的批量合并逻辑：

  effect(() => {
    const latestMessage = this.__messagesSg();
    // 消息处理逻辑
  }, { allowSignalWrites: true });
  

验证方法 #

• 可以在set()/mutate()调用后立即打印signal的值，确认数据是否被正确写入（注意：effect的执行会延迟到微任务队列，不要用effect的执行结果直接验证即时写入）
• 开启Angular的变更追踪工具，查看所有signal的变更记录：

  import { traceUpdates } from '@angular/core';
  traceUpdates(true); // 开启后控制台会打印所有signal的变更日志
  

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