Tengo dos componentes en una página: Componente1 y Componente2. Dentro de cada uno de ellos está Component3. Obviamente cada Componente 3 es su propia instanciación del componente. Sin embargo, me gustaría una variable global entre los dos. Estoy creando una comparación lado a lado de algunos datos, y me gustaría que un acordeón funcione, así que cuando hago clic para expandir el acordeón en un Componente 3, el otro también se abre. He estado buscando durante horas y no puedo encontrar una solución a esto.

Lo que quiero es, por ejemplo:

(click) = "changeGlobalVar()"

para cambiar la variable global. Entonces me gustaría tener

*ngIf="globalVar"

De esa manera, elngIf funciona en ambos componentes 3, no importa en cuál haga clic.

¿Podría alguien ayudarme? He estado buscando una respuesta a esto durante horas.

Así es como se ve mi código de servicio pero no parece funcionar:

import {Injectable} from '@angular/core';

@Injectable()
export class DropDownService {

  public _acDropDownToggle: boolean;

  setValue(val) {
    this._acDropDownToggle = val;
  }

  getValue() {
    return this._acDropDownToggle;
  }

}