Variável global angular 2 em várias instâncias de componentes

Eu tenho dois componentes em uma página: Component1 e Component2. Dentro de cada um desses está o Component3. Obviamente, cada componente 3 é sua própria instanciação do componente. No entanto, eu gostaria de uma variável global entre os dois. Estou criando uma comparação lado a lado de alguns dados e gostaria que um acordeão funcionasse; portanto, quando clico para expandir o acordeão em um componente 3, o outro também é aberto. Estou pesquisando há horas e não consigo encontrar uma solução para isso.

O que eu quero é, por exemplo:

(click) = "changeGlobalVar()"

para alterar a variável global. Então eu gostaria de ter

*ngIf="globalVar"

Dessa forma, ongIf funciona em ambos os componentes 3, não importa em qual clico.

Alguém poderia me ajudar? Estou procurando uma resposta para isso há horas.

Aqui está a aparência do meu código de serviço, mas não parece estar funcionando:

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

@Injectable()
export class DropDownService {

  public _acDropDownToggle: boolean;

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

  getValue() {
    return this._acDropDownToggle;
  }

}

questionAnswers(4)

yourAnswerToTheQuestion