如何获得RxJS主题或可观察对象的当前值?

我有一个Angular 2服务:

import {Storage} from './storage';
import {Injectable} from 'angular2/core';
import {Subject}    from 'rxjs/Subject';

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

一切都很好。但是我有另一个不需要订阅的组件，它只需要在某个时间点获得isLoggedIn的当前值。我该怎么做呢?

当前回答

可以创建订阅，然后在获取第一个发出的项之后销毁订阅。在下面的例子中，pipe()是一个函数，它使用一个可观察对象作为输入，并返回另一个可观察对象作为输出，同时不修改第一个可观察对象。

用Angular 8.1.0包"rxjs": "6.5.3"， "rxjs-observable": "0.0.7"创建的示例

  ngOnInit() {

    ...

    // If loading with previously saved value
    if (this.controlValue) {

      // Take says once you have 1, then close the subscription
      this.selectList.pipe(take(1)).subscribe(x => {
        let opt = x.find(y => y.value === this.controlValue);
        this.updateValue(opt);
      });

    }
  }

2020-06-26 16:25:26

其他回答

Subject或Observable没有当前值。当一个值被触发时，它被传递给订阅者，Observable就完成了对它的处理。

如果你想要一个当前值，请使用专门为此目的设计的BehaviorSubject。BehaviorSubject保留最后发出的值，并立即将其发出给新的订阅者。

它还有一个getValue()方法来获取当前值。

2016-05-07 14:56:26

我遇到过类似的情况，在Subject的价值到达后，迟来的订阅者才订阅它。

我发现ReplaySubject类似于BehaviorSubject，在这种情况下很有魅力。这里有一个更好的解释链接:http://reactivex.io/rxjs/manual/overview.html#replaysubject

2017-04-13 10:42:28

最好的方法是使用行为主语，下面是一个例子:

var sub = new rxjs.BehaviorSubject([0, 1])
sub.next([2, 3])
setTimeout(() => {sub.next([4, 5])}, 1500)
sub.subscribe(a => console.log(a)) //2, 3 (current value) -> wait 2 sec -> 4, 5

2019-10-02 10:05:10

你可以将最后一个发出的值与Observable分开存储。然后在需要的时候阅读它。

let lastValue: number;

const subscription = new Service().start();
subscription
    .subscribe((data) => {
        lastValue = data;
    }
);

2018-06-05 11:36:44

用Angular 8.1.0包"rxjs": "6.5.3"， "rxjs-observable": "0.0.7"创建的示例

  ngOnInit() {

    ...

    // If loading with previously saved value
    if (this.controlValue) {

      // Take says once you have 1, then close the subscription
      this.selectList.pipe(take(1)).subscribe(x => {
        let opt = x.find(y => y.value === this.controlValue);
        this.updateValue(opt);
      });

    }
  }

2020-06-26 16:25:26

如何获得RxJS主题或可观察对象的当前值?

推荐文章

最新文章

标签