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;
}
}