首頁 > web前端 > js教程 > 主體

如何在 Angular 中檢索 RxJS 主題或可觀察物件的目前值?

Mary-Kate Olsen
發布: 2024-11-04 00:14:30
原創
709 人瀏覽過

How to Retrieve the Current Value of an RxJS Subject or Observable in Angular?

取得 RxJS 主題或可觀察物件的目前值

在 Angular 應用程式中,可觀察物件通常用於在元件和服務之間傳輸資料。出現的常見問題是如何在不訂閱的情況下檢索可觀察量的當前值。

在提供的程式碼中,SessionStorage 服務使用名為 _isLoggedInSource 的主題來發出目前登入狀態。雖然 isLoggedIn 屬性公開了這個可觀察值,但它沒有當前值的概念。

解決方案:使用BehaviorSubject

這個問題的解決方案在於使用BehaviorSubject而不是Subject。 BehaviorSubject 追蹤最近發出的值並立即將其傳送給新訂閱者。

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

@Injectable()
export class SessionStorage extends Storage {
  private _isLoggedInSource = new BehaviorSubject<boolean>(false);
  isLoggedIn = this._isLoggedInSource.asObservable();
  constructor() {
    super('session');
  }
  setIsLoggedIn(value: boolean) {
    this.setItem('_isLoggedIn', value, () => {
      this._isLoggedInSource.next(value);
    });
  }
}</code>
登入後複製

現在,您可以使用BehaviorSubject 的getValue() 方法來擷取目前登入狀態:

<code class="typescript">isLoggedIn = sessionService._isLoggedInSource.getValue();</code>
登入後複製

結論

透過使用BehaviorSubject,即使不訂閱它,您也可以存取可觀察對象的目前值。當您需要讀取程式碼中特定點的最新發出值時,這特別有用。

以上是如何在 Angular 中檢索 RxJS 主題或可觀察物件的目前值?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!