Angular 8注入式全局服务无法维持值的问题咨询

听起来这个问题大概率是全局服务没有保持单例导致的，结合你描述的现象，我来一步步拆解：

核心原因：服务实例不唯一 #

Angular中，如果你的Globals服务没有正确配置为单例，不同组件可能会拿到不同的服务实例：

• 你在第一个组件中读取的是初始实例的utentePuntoVendita值
• 导航到二级页面时，组件可能创建/获取了一个全新的Globals实例，它的utentePuntoVendita是默认的false（或者被其他逻辑意外修改），导致你觉得“值被反转”

为什么会出现多实例？ #

检查这两个点：

1. 你的@Injectable()装饰器没有指定providedIn: 'root'，如果组件自己的@Component装饰器里的providers数组添加了Globals，Angular会为该组件（及其子组件）创建局部的服务实例，覆盖根级别的单例。
2. 如果是在多个模块的providers里都声明了Globals，也会导致多实例。

快速修复步骤 #

1. 把服务配置为根级单例 #

修改你的global.ts，给@Injectable()加上providedIn: 'root'，这样Angular会自动在整个应用中提供唯一的实例：

@Injectable({
  providedIn: 'root' // 关键：确保服务是根级单例
})
export class Globals { 
  utentePuntoVendita: boolean = false; 
  [...] 
}

2. 移除组件级别的providers声明 #

检查所有组件的@Component装饰器，确保没有把Globals加入providers数组，比如：

// ❌ 错误：会创建局部实例
@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  providers: [Globals] // 删掉这一行
})

3. 解决控制台打印的误导问题 #

你提到所有组件打印global都显示[]，这是Chrome控制台的延迟求值特性：当你打印对象时，控制台显示的是对象引用，而非打印时刻的快照。展开它时，读取的是对象当前的状态，可能已经和打印时不一样了。

要查看打印时刻的真实值，可以用JSON.stringify()输出快照：

console.log('Globals snapshot:', JSON.stringify(this.global));

4. 追踪变量的读写操作（可选） #

如果还是不确定值是否被意外修改，可以给服务的变量添加getter和setter，加上日志追踪：

@Injectable({
  providedIn: 'root'
})
export class Globals { 
  private _utentePuntoVendita: boolean = false; 

  get utentePuntoVendita(): boolean {
    console.log('[Globals] 读取utentePuntoVendita:', this._utentePuntoVendita);
    return this._utentePuntoVendita;
  }

  set utentePuntoVendita(value: boolean) {
    console.log('[Globals] 修改utentePuntoVendita: 从', this._utentePuntoVendita, '到', value);
    this._utentePuntoVendita = value;
  }
}

这样所有对该变量的读写都会在控制台打印日志，帮你定位是否有意外赋值。

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