Ich habe zwei Komponenten auf einer Seite: Komponente1 und Komponente2. In jedem von diesen ist Component3. Offensichtlich ist jede Komponente 3 ihre eigene Instanziierung der Komponente. Ich möchte jedoch eine globale Variable zwischen den beiden. Ich erstelle einen Side-by-Side-Vergleich einiger Daten und möchte, dass ein Akkordeon funktioniert. Wenn ich also auf eine Komponente 3 klicke, um das Akkordeon zu erweitern, wird auch die andere geöffnet. Ich habe stundenlang gesucht und kann keine Lösung dafür finden.

Was ich will, ist zum Beispiel:

(click) = "changeGlobalVar()"

, um die globale Variable zu ändern. Dann hätte ich gerne

*ngIf="globalVar"

So, dasngIf funktioniert auf beiden Komponenten 3, egal auf welche ich klicke.

Könnte mir bitte jemand helfen? Ich habe stundenlang nach einer Antwort darauf gesucht.

So sieht mein Service-Code aus, scheint aber nicht zu funktionieren:

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

@Injectable()
export class DropDownService {

  public _acDropDownToggle: boolean;

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

  getValue() {
    return this._acDropDownToggle;
  }

}