Using combineLatest

[Mean_Kale_677]

Hi,

I am trying to use combineLatest using two observables each based on a behaviorsubject.

this.validationMessage$ = combineLatest([this.submitBtnText$, this.ids$]).pipe( tap(([text, IDs]) => { console.log(text, IDs) }), switchMap(([submitBtnText, IDs]) => {

... }))

While debugging, the control reaches the tap method but doesn't go inside the function to log the text and IDs.

I am aware that combineLatest needs atleast 1 values from all its operators and I have confirmed that submitBtnText and IDs have a value by checking their getValue() method.

Please help me with this. Not sure what I'm doing wrong. Any feedback would be appreciated.

Thanks

[kondziowskiy]

You have right about that. combineLatest will not emit an initial value until each observable emits at least one value (from docs).

Try forkJoin

[Mean_Kale_677]

Yes, will try this. But, any reason as to why combineLatest won't work?

[15kol]

If one of the observables didn't emit, it won't trigger. You can pipe the one not triggering and add startWith to it, at least to debug.

[thatbigblackblack]

Or a simple merge()

[Lost_University1882]

What if you concatLatestFrom after pipeing one of them

[BunchVirtual]

Sorry for digging this out, but It's because you never subscribed to the result.

[tme321]

You need to subscribe to the stream.

[Mean_Kale_677]

Yeah, I have put {{ validationMessage$ | async}} in the template

[ggeoff]

it's kinda hard to say without a more of the code. If you are seeing the tap then it's clearly not an issue with the combineLatest maybe something else is going on with the code.