J'essaie de convertir un Observable en un BehaviorSubject. Comme ça:
a$ = new Observable()
b$ = BehaviorSubject.create(new BehaviorSubject(123), a$)
// ????
J'ai aussi essayé:
a$ = new Observable()
b$ = new BehaviorSubject(a$, 123)
// ????
Et:
a$ = new Observable()
b$ = a$.asBehaviorSubject(123)
// ????
Et:
a$ = new Observable()
b$ = a$.pipe(
toBehaviorSubject(123)
)
// ????
Mais aucun de ces travaux. Pour l'instant je dois implémenter comme ceci:
a$ = new Observable()
b$ = new BehaviorSubject(123)
a$.subscribe(b$)
// ????
Ce serait un peu moche dans une classe:
class Foo() {
a$ = new Observable() // Actually, a$ is more complicated than this.
b$ = new BehaviorSubject(123)
constructor() {
this.a$.subscribe(this.b$)
}
}
Alors, existe-t-il un moyen plus simple de convertir un Observable en un BehaviorSubject sans utiliser le constructeur de classe?
Voici mon vrai cas:
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`
}
}
J'ai aussi de jolies inquiétudes concernant le cas d'utilisation. Mais voici une solution, n'hésitez pas à voter aussi longtemps que vous laissez des commentaires aussi. Puisque BehaviourSubject
et tout autre Subject
sont 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);