У меня есть два компонента на одной странице: Компонент1 и Компонент2. Внутри каждого из них находится Component3. Очевидно, что каждый Компонент 3 является его собственной реализацией компонента. Тем не менее, я хотел бы глобальную переменную между ними. Я создаю параллельное сравнение некоторых данных и хотел бы, чтобы аккордеон работал, поэтому, когда я нажимаю, чтобы развернуть аккордеон на одном Компоненте 3, открывается и другой. Я искал часы и не могу найти решение этой проблемы.

То, что я хочу, например:

(click) = "changeGlobalVar()"

изменить глобальную переменную. Тогда я хотел бы иметь

*ngIf="globalVar"

Таким образом,ngIf работает на обоих компонентах 3, независимо от того, на какой из них я нажимаю.

Может ли кто-нибудь помочь мне? Я искал ответ на это часами.

Вот как выглядит мой сервисный код, но, похоже, он не работает:

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

@Injectable()
export class DropDownService {

  public _acDropDownToggle: boolean;

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

  getValue() {
    return this._acDropDownToggle;
  }

}