Angular 19中WritableSignal无mutate方法？对象信号属性更新方案

报错原因 #

Angular原生的WritableSignal自引入以来（包括Angular 19版本）从未提供mutate方法，你参考的视频中出现的mutate要么是早期实验阶段的非官方API、第三方扩展库的方法，要么是视频作者自定义的工具函数，并非Angular官方信号API的一部分，因此直接调用会触发类型错误。

正确更新信号对象属性的方式 #

Angular信号依赖引用变更触发响应式更新，针对存储Vehicle对象的WritableSignal，有两种标准更新方案：

1. 用set方法替换整个对象 #

通过解构原有对象属性、修改目标属性后，生成新对象并传入set方法：

// 信号定义示例
const vehicleSignal = signal<Vehicle>({ id: 1, model: 'Sedan' });

// 更新model属性
vehicleSignal.set({
  ...vehicleSignal(), // 保留原有属性
  model: 'SUV' // 修改目标属性
});

2. 用update方法基于当前值生成新对象 #

update方法接收回调函数，以信号当前值为参数，返回包含更新属性的新对象：

vehicleSignal.update(current => ({
  ...current,
  model: 'SUV'
}));

3. 嵌套对象的更新 #

如果Vehicle包含嵌套对象，同样需要遵循不可变性原则，通过嵌套解构生成新引用：

// 假设Vehicle包含engine嵌套对象
vehicleSignal.update(current => ({
  ...current,
  engine: {
    ...current.engine,
    horsepower: 250
  }
}));

如果偏好类似mutate的直接修改写法，可以自行封装工具函数：

function mutate<T>(signal: WritableSignal<T>, modify: (val: T) => void) {
  signal.update(current => {
    const newVal = {...current} as T;
    modify(newVal);
    return newVal;
  });
}

// 使用示例
mutate(vehicleSignal, vehicle => {
  vehicle.model = 'SUV';
});

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