如何在Angular框架中获取signal信号的当前值？

在Angular里，获取Signal的当前值非常直接：

• 在组件类的方法或代码中，直接调用Signal变量即可获取其当前值。
• 在模板中，同样直接调用Signal变量就能渲染当前值，Angular会自动追踪变化并更新视图。

针对你给出的组件示例，修改后获取值的代码如下：

class SomeComponent {
  age = signal<number>(20);

  foo() {
    // 获取age的当前值
    const currentAge = this.age();
    // 可对currentAge进行后续操作，比如打印
    console.log(currentAge);
  }
}

补充说明 #

• 当在响应式上下文（如effect、computed、组件模板）中调用Signal时，Angular会自动建立依赖关系，Signal值更新时会自动触发相关内容的更新。
• 在非响应式上下文（如普通方法、定时器回调）中调用Signal，依然能获取当前值，但不会触发自动更新。

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