web-dev-qa-db-ja.com

ObservableをBehaviorSubjectに変換する方法は？

ObservableをBehaviorSubjectに変換しようとしています。このような：

a$ = new Observable()
b$ = BehaviorSubject.create(new BehaviorSubject(123), a$)
// ????

私も試しました：

a$ = new Observable()
b$ = new BehaviorSubject(a$, 123)
// ????

そして：

a$ = new Observable()
b$ = a$.asBehaviorSubject(123)
// ????

そして：

a$ = new Observable()
b$ = a$.pipe(
  toBehaviorSubject(123)
)
// ????

しかし、これらはどれも機能しません。今のところ、私はこのように実装する必要があります：

a$ = new Observable()
b$ = new BehaviorSubject(123)
a$.subscribe(b$)
// ????

これはクラスでは少し醜いでしょう：

class Foo() {
  a$ = new Observable() // Actually, a$ is more complicated than this.
  b$ = new BehaviorSubject(123)

  constructor() {
    this.a$.subscribe(this.b$)
  }
}

では、クラスコンストラクタを使用せずにObservableをBehaviorSubjectに変換する簡単な方法はありますか？

これは私の本当のケースです：

export class Foo {
  autoCompleteItems$ = new BehaviorSubject<string[]>(null)
  autoCompleteSelected$ = new BehaviorSubject<number>(-1)
  autoCompleteSelectedChange$ = new Subject<'up'|'down'>()

  constructor() {
    this.autoCompleteItems$.pipe(
      switchMap((items) => {
        if (!items) return EMPTY
        return this.autoCompleteSelectedChange$.pipe(
          startWith('down'),
          scan<any, number>((acc, value) => {
            if (value === 'up') {
              if (acc <= 0) {
                return items.length - 1
              } else {
                return acc - 1
              }
            } else {
              if (acc >= items.length - 1) {
                return 0
              } else {
                return acc + 1
              }
            }
          }, -1)
        )
      })
    ).subscribe(this.autoCompleteSelected$)
  }

  doAutoComplete = () => {
    const item = this.autoCompleteItems$.value[this.autoCompleteSelected$.value]
    // do something with `item`
  }
}
javascripttypescriptrxjsobservablebehaviorsubject
14
awmleer

ユースケースについてもかなり心配しています。しかし、ここに解決策があります。フィードバックを残している限り、自由に投票してください。 BehaviourSubjectおよびその他のSubjectはObservablesであるため、

import { BehaviorSubject, from } from 'rxjs'; 
import { map, mergeMap } from 'rxjs/operators';


const source$ = from([1,2,3,4,5,6,7,8,9]);
const bs = new BehaviorSubject('start')
    .pipe(
        mergeMap(() => source$)
    );

bs.subscribe(console.log);
0
Luillyfe