Subscribing to an observable in an Angular 2 HTML element

Question

I have an observable producing Users that have an isLoading property, such that this yields the expected result:

{{ (user$ | async)         


        

Answer 1

One option you have here, if you've upgraded to Angular 4, is to use *ngIf. You can do something like this:

{{user.isLoading}}    

Login

With *ngIf you can subscribe to the observable with async and assign the value to a variable with let. Then user the variable in other places in your template.

This is a new feature added in Angular 4. Most Angular2 apps can be upgraded to 4 with no changes required.

Hope that helps.