RxJS 주제 또는 Angular의 Observable의 현재 값에 액세스하는 방법은 무엇입니까?

RxJS Subject 또는 Observable의 현재 값에 액세스

Angular 서비스에서는 RxJS Subject 및 Observable을 사용하여 상태를 관리하는 것이 일반적입니다. 그러나 이러한 구성은 구독 외부에서 현재 값을 검색하는 방법을 자연스럽게 제공하지 않습니다. 이 문서에서는 이러한 시나리오에서 현재 값에 액세스하는 방법을 살펴봅니다.

부울 속성 isLoggedIn을 관리하기 위해 주제를 활용하는 다음 Angular 서비스를 고려하세요.

<code class="typescript">import {Subject} from 'rxjs/Subject';
import {Injectable} from 'angular2/core';

@Injectable()
export class SessionStorage {
  private _isLoggedInSource = new Subject<boolean>();
  isLoggedIn = this._isLoggedInSource.asObservable();
  ...
}</code>

어떤 경우에는 isLoggedIn을 구독하지 않고 현재 값에 액세스해야 합니다. 이는 구독자에게 값만 내보내고 현재 상태를 저장하지 않기 때문에 일반 Subject에서는 불가능합니다.

해결책: BehaviorSubject 사용

이 문제를 극복하려면 제한 사항이 있는 경우 최신 내보낸 값을 저장하기 위해 내부 버퍼를 유지하는 특수 RxJS 유형인 BehaviorSubject로 전환하는 것이 좋습니다.

<code class="typescript">import {BehaviorSubject} from 'rxjs/BehaviorSubject';

@Injectable()
export class SessionStorage {
  private _isLoggedInSource = new BehaviorSubject<boolean>(false);
  isLoggedIn = this._isLoggedInSource.asObservable();
  ...
}</code>

Subject와 비교하여 BehaviorSubject에는 두 가지 주요 이점이 있습니다.

1. 새 구독자가 듣기 시작하면 저장한 최신 값을 즉시 내보냅니다.
2. 현재 값에 프로그래밍 방식으로 액세스할 수 있는 getValue() 메서드를 노출합니다.

BehaviorSubject의 예:

BehaviorSubject를 사용하면 구독하지 않고도 isLoggedIn의 현재 값에 액세스할 수 있습니다.

<code class="typescript">const sessionStorage = new SessionStorage();
const isLoggedInCurrentValue = sessionStorage._isLoggedInSource.getValue();
console.log(isLoggedInCurrentValue); // True or False</code>

요약하면, 현재 값에 액세스해야 하는 경우 RxJS Subject 또는 Observable을 사용하는 경우 신규 구독자를 위한 즉각적인 방출과 직접 검색을 위한 getValue() 메소드를 모두 제공하는 BehaviorSubject로 전환하는 것을 고려해보세요.

위 내용은 RxJS 주제 또는 Angular의 Observable의 현재 값에 액세스하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!