Angular Signals变量使用问题：ngOnInit等函数赋值报错求助

你遇到的错误原因很明确：signal()创建的变量是WritableSignal类型的对象，不是普通的数值/原始类型，直接用=赋值会导致类型不兼容。正确的做法是使用Signal提供的内置方法来修改值，而非直接覆盖变量本身。

1. 基础赋值：使用set()方法 #

如果要直接替换Signal的当前值，调用set()传入新值即可：

import { signal } from '@angular/core';
import moment from 'moment';

export class YourComponent {
  currentYear = signal<number>(0);

  ngOnInit() {
    // 正确写法
    this.currentYear.set(moment().year());
  }
}

2. 基于旧值更新：使用update()方法 #

如果新值需要依赖Signal的当前值计算，用update()方法，它接收一个回调函数，参数是当前值，返回新值：

// 示例：将当前年份加1
this.currentYear.update(prevYear => prevYear + 1);

3. 修改对象/数组类型的Signal：使用mutate()方法 #

如果Signal存储的是对象或数组，不想创建新对象，而是直接修改内部属性，可以用mutate()方法（避免不必要的对象重建）：

userInfo = signal({ name: 'Marocena', age: 26 });

ngOnInit() {
  this.userInfo.mutate(info => {
    info.age += 1;
  });
}

核心注意点 #

• Signal变量本身是一个方法容器，不是存储值的普通变量，不能直接用=赋值覆盖
• 所有对Signal值的修改都必须通过set()/update()/mutate()这三个方法完成
• 这样Angular才能追踪Signal的变化，触发响应式更新

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