http request called more than once when biding to view with `async` Pipe

Running watchQuery with a query, and use the observable returned from the request this way, inside a component:

const obs = this.apollo.watchQuery(...);
this.c$ = obs.map(data => data.a.b.c);
this.d$ = obs.map(data => data.a.b.d);

Then, in the template, I am using:

<div>
C Value: {{ $c | async }}
D Values: {{ $d | async }}
</div>

And it causing the apollo-client to execute the http request of the query twice.

I found a temporary workaround:

const obs = this.apollo.watchQuery(...).publishCount(1).refCount();

@Urigo @eitanfr @tomermoshe @kamilkisiela

[eitanfr]

@dotansimha I also think that the best thing is to call publish() or share() yourself, this way you give the user the freedom to what ever he wants with his RxObserver

[kamilkisiela]

Okay, I discussed the issue with @darkbasic and it seems like it has been fixed since then.

Reproduction:

• apollo-angular https://stackblitz.com/edit/apollo-angular-deduplication
• apollo-client https://stackblitz.com/edit/apollo-deduplication

If some of you can create a test or even a simple reproduction please @mention me here so I reopen.