💥 Angular RxJs Tutorial - Introduction to Functional Reactive Programming: Async Pipe & Pitfalls

In this Angular tutorial, we are going to do an introduction to Functional Reactive Programming, and we are going to see how an application can be built around the notion of Observables.

We are going to see how programs can be built with very little state variables, and how data can be passed on from Observables directly to templates by using the Async Pipe.

We are going to learn also why in some cases it's not a good idea to call the service layer directly from a template expression - this is a pitfall to avoid.

Follow us:

[jesucristoesteban]

Excuse, me. I think you miss the "$" sign after "lessons" in the div element, it should be:

{{ (lessons | async)?.length }}

Am i right?

[Naton]

AsyncPipe on Form input displays the value but console.log outputs null