在 Angular 服務中,通常使用 RxJS 主題和可觀察物件來管理狀態。但是,這些構造自然不會提供在訂閱之外檢索其當前值的方法。本文探討如何在這種情況下存取目前值。
考慮以下 Angular 服務,該服務利用主題來管理布林屬性 isLoggedIn:
<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 的當前值而不訂閱它。這對於常規主題來說是不可能的,因為它只向訂閱者發送值,並不會儲存其當前狀態。
解決方案:使用BehaviorSubject
克服這個問題限制,請考慮切換到BehaviorSubject,這是一種專門的RxJS 類型,它維護一個內部緩衝區來維護一個內部緩衝區來儲存最新發出的值。
<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 有兩個主要優點:
以BehaviorSubject為例:
使用BehaviorSubject,即使不訂閱也可以存取isLoggedIn的當前值:
<code class="typescript">const sessionStorage = new SessionStorage(); const isLoggedInCurrentValue = sessionStorage._isLoggedInSource.getValue(); console.log(isLoggedInCurrentValue); // True or False</code>
上,如果需要存取isLoggedIn的當前值RxJS 主題或可觀察對象,請考慮切換到BehaviorSubject,它既為新訂閱者提供立即發射,又提供用於直接檢索的getValue() 方法。
以上是如何在 Angular 中存取 RxJS 主題或 Observable 的目前值?的詳細內容。更多資訊請關注PHP中文網其他相關文章!