Angular：如何在模板 function 中传递 boolean 异步变量？

Question

We can get async pipe as variable with *ngIf

<button *ngIf="account$ | async as account" (click)="parseAccount(account)" type="button"></button>

But of course it won't work for boolean values, for example

<button *ngIf="loggedIn$ | async as loggedIn" (click)="checkAuth(loggedIn)" type="button"></button>

Because loggedIn$ | async loggedIn$ | async can emit false.

Is there any other built-in way to get async values as template variable without custom ngInit directives?

Answer 1

Just found an answer

<button *ngIf="{ val: loggedIn$ | async } as loggedIn" (click)="checkAuth(loggedIn.val)" type="button"></button>

Maybe a little bit hacky but works