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

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

  •  0
  • shaebi  · 技术社区  · 4 年前
    <ng-container *ngIf="user | async; else login"> 
        // redirect to home page
    </ng-container>
    
    <ng-template #login>
       // display login form
    </ng-template>
    

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

    2 回复  |  直到 4 年前
        1
  •  1
  •   Shalom Peles    4 年前

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

    <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)
      );