Angular 17.2.0中Signal类型用作值报错TS2693求助

错误原因 #

你遇到的'Signal' only refers to a type, but is being used as a value here.ts(2693)错误，核心原因是**Signal只是TypeScript类型定义，不是可实例化的类**，不能用new Signal()语法创建信号实例。Angular中创建Signal必须使用signal()函数（从@angular/core导出）。

修正后的完整服务代码 #

以下是实现获取并实时更新当前时间的完整服务：

import { Injectable, signal, Signal, OnInit, OnDestroy } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class CurrentTimeService implements OnInit, OnDestroy {
  // 用signal()函数创建可写信号，初始值为当前Unix时间戳（秒）
  private currentTimeInSeconds = signal<number>(this.getCurrentUnixTime());
  private intervalId?: number;

  // 对外暴露只读信号，防止外部修改内部状态
  get currentTime(): Signal<number> {
    return this.currentTimeInSeconds.asReadonly();
  }

  ngOnInit(): void {
    // 每秒更新一次时间
    this.intervalId = window.setInterval(() => {
      this.currentTimeInSeconds.set(this.getCurrentUnixTime());
    }, 1000);
  }

  ngOnDestroy(): void {
    // 组件销毁时清理定时器，避免内存泄漏
    if (this.intervalId) {
      clearInterval(this.intervalId);
    }
  }

  // 辅助方法：获取当前Unix时间戳（秒）
  private getCurrentUnixTime(): number {
    return Math.floor(Date.now() / 1000);
  }
}

关键说明 #

• 创建Signal：使用signal<T>(initialValue)语法创建泛型信号，T是信号存储值的类型
• 只读信号：通过asReadonly()将可写信号转为只读，保证内部状态的封装性
• 实时更新：在ngOnInit中启动定时器，每秒调用set()方法更新信号值
• 内存泄漏防护：实现OnDestroy接口，在服务销毁时清理定时器

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