如何从 Singleton 获取变量？

Question

我试图创建一个单例以从不同的组件获取两个变量，这些变量是由始终在其他组件之前执行的组件定义的。

我遇到的问题是 Singleton 实例未保存，当从另一个组件访问它时，它会创建一个新实例，从而丢失它保存的变量。

下面我附上单例类的代码，如何设置变量以及如何尝试从其他组件获取它们：

Singleton.ts

export class Singleton {
  private static instance: Singleton = new Singleton();
  private var1: string = '';
  private var2: string = '';

  private constructor() {}

  public static getInstance() {
    if (!this.instance) {
      this.instance = new Singleton();
    }
    return this.instance;
  }

  public getVar1():string {
    return this.var1;
  }

  public getVar2():string {
    return this.var2;
  }

  public setVar(var1:string, var2:string):void {
    this.var1= var1;
    this.var2 = var2;
  }
}

home.component.ts

ngOnInit() {
    var var1 = "example1"
    var var2 = "example2"
    let global = Singleton.getInstance();
    global.setVar(var1, var2);
    console.log(global);
  }

< home.component.ts

ngOnInit() {
    let global = Singleton.getInstance();
    this.var1 = global.getVar1();
    this.var2 = global.getVar1();
    console.log(global);
  }

中的 console.log() 打印 var1=example1 和 var2=example2，而 call.component.ts 中打印 var1='' 和var2=''。

Answer 1

如果您希望在另一个组件中使用相同的值，那么您需要使用输入和输出装饰器。查看下面的链接

https://angular.io/guide/inputs-outputs