Angular Signal数组：如何执行push操作添加元素？

方法一：使用mutate方法（官方推荐的可变更新方式） #

官方提供的mutate方法专门用于直接修改Signal内部的可变值（如数组、对象），虽然写法上需要同时引用Signal本身和回调内的数组，但这是Angular的设计逻辑——回调参数会直接传入当前Signal的内部值引用，修改后Angular会自动触发变更检测。示例代码：

messages = signal<Message[]>([]);

ngOnInit(): void {
  const newMessage = // 你的Message实例
  this.messages.mutate(values => values.push(newMessage));
}

方法二：使用update方法（不可变更新方式） #

如果你偏好不可变数据模式，可以用update方法基于当前数组创建新数组并返回，这种方式无需直接修改原数组：

this.messages.update(current => [...current, newMessage]);

该方式会生成新的数组实例，对于小型数组性能影响可忽略，且写法更简洁，符合多数前端框架的不可变实践。

方法三：封装自定义方法简化调用 #

如果觉得重复编写mutate回调繁琐，可以封装一个专用的添加方法，后续直接调用即可：

messages = signal<Message[]>([]);

addMessage(newMessage: Message): void {
  this.messages.mutate(values => values.push(newMessage));
}

// 调用示例
ngOnInit(): void {
  const newMessage = // 你的Message实例
  this.addMessage(newMessage);
}

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