代码之家 › 专栏 › 技术社区 › shaebi

等待一个可观察物体在角度上解析

angular

0

shaebi · 技术社区 · 6 年前

<ng-container *ngIf="user | async; else login"> 
    // redirect to home page
</ng-container>

<ng-template #login>
   // display login form
</ng-template>

在显示“登录”表单之前,如何等待“用户”可观察到的解析?

2 回复 | 直到 6 年前

1

Shalom Peles 6 年前

您可以在模板中添加以下内容:

<ng-container *ngIf="$loaded | async; else loading"> 
  <ng-container *ngIf="$user | async; else login"> 
      // redirect to home page
  </ng-container>

  <ng-template #login>
    // display login form
  </ng-template>
</ng-container>

<ng-template #loading>
   // loading
</ng-template>

  $loaded = this.$user.pipe(
    mapTo(true),
    startWith(false)
  );