使用依赖于异步函数的ngif的正确方法

Question

我在navbar

中初始化了app.comonent.html

<app-navbar></app-navbar>
<div class="container">
  <flash-messages></flash-messages>
  <router-outlet></router-outlet>
</div>

在navbar中的

我有一些按钮，只有在用户登录时才会显示（注销，仪表板等）

所以我有一些ng if但我无法让它发挥作用。

我尝试调用在ng if

中返回true或false的异步函数

是来自服务的登录功能：

loggedIn() {
    return this.http.get('http://localhost:3000/users/validateToken')
      .map(res => res.json()).map(data => data.success);
  }

导航栏：

<li *ngIf="authService.loggedIn()">

还尝试添加| async

我尝试设置变量onInit，将变量断言为true或false，然后让ngIf使用变量。

但它不会以这种方式更新，只会被误推。

我该如何解决这个问题？