首页 > web前端 > js教程 > 如何在 Angular 中检索 RxJS 主题或可观察对象的当前值?

如何在 Angular 中检索 RxJS 主题或可观察对象的当前值?

Mary-Kate Olsen
发布: 2024-11-04 00:14:30
原创
803 人浏览过

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
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板