Wie erhalte ich den aktuellen Wert eines RxJS-Subjekts oder -Observablen in Angular?

Ermitteln des aktuellen Werts von RxJS-Subjekten oder -Observablen

In Angular-Anwendungen ist es üblich, Subjekte oder Observablen für den Datenaustausch und die Kommunikation zu verwenden. Im Gegensatz zu Variablen haben Subjekte und Observablen jedoch keinen intrinsischen Wert. Wenn sie einen Wert ausgeben, wird dieser sofort an Abonnenten weitergegeben und das Observable erledigt seine Aufgabe.

Szenario:

Angenommen, Sie haben ein isLoggedIn-Subjekt in einem Angular-Dienst, das darstellt der Anmeldestatus des Benutzers. Sie möchten, dass eine andere Komponente den aktuellen Anmeldestatus abruft, ohne das Observable isLoggedIn zu abonnieren.

Lösung:

Um dieses Problem zu beheben, bietet RxJS ein BehaviorSubject an, das speziell entwickelt wurde einen aktuellen Wert bereitzustellen. Im Gegensatz zu Subjekten und Observablen merkt sich ein BehaviorSubject den zuletzt ausgegebenen Wert und gibt ihn sofort an neu abonnierte Beobachter weiter.

Implementierung:

Um ein BehaviorSubject zu verwenden, können Sie Ihren Wert ändern SessionStorage-Dienst wie folgt:

@Injectable()
export class SessionStorage extends Storage {
  private _isLoggedInSource = new BehaviorSubject<boolean>(false);  // Initialize with a default value
  isLoggedIn = this._isLoggedInSource.asObservable();
  constructor() {
    super('session');
  }
  setIsLoggedIn(value: boolean) {
    this.setItem('_isLoggedIn', value, () => {
      this._isLoggedInSource.next(value);
    });
  }
}

In Ihrer Komponente können Sie den aktuellen Anmeldestatus mithilfe der getValue()-Methode des BehaviorSubject abrufen:

import {SessionStorage} from 'app/services/session-storage.service';
...
const sessionStorage = new SessionStorage();

const isLoggedIn = sessionStorage.isLoggedInSource.getValue();

Durch die Verwendung von BehaviorSubject haben Sie Ein Mechanismus zum Abrufen des aktuellen Werts Ihres isLoggedIn-Subjekts, ohne auf Abonnements angewiesen zu sein, was eine größere Flexibilität bei Ihrem Anwendungsdesign und der Datenverarbeitung bietet.

Das obige ist der detaillierte Inhalt vonWie erhalte ich den aktuellen Wert eines RxJS-Subjekts oder -Observablen in Angular?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!