Subscribing in template using async pipe

I define the Observable as

this.cart$ = this.storage.observe('cart');

and then in the template I just subscribe {{(cart$ | async | json)}} but I get null.

Note: If I try to fetch the value using a decorator @LocalStorage('cart') cart: Cart; I see that the property cart does contain what I expect…

[PillowPillow]

Hello @mackelito , Yes this project’s still alive since we’re using it in production in my company’ projects. What you are facing of is the expected behavior. The observe() method act as cold observable. If you don’t wanna use the decorators to bind your property you have to use the startWith operator to setup the start value.

this.storage.observe('cart').pipe(
    startWith(this.storage.retrieve('cart'))
).subscribe(e => console.log('e', e));

[mackelito]

Glad to hear it’s still alive 👍

I had totally forgotten about the concept of hot/cold observables… 😄 thx for the reminder!