AngularDartでログインする前に画像要素を非表示にする方法

Question

画像のSIGN INボタンの左にある画像要素を非表示にしたかったので、ログイン前の画像表示です。 AngularDartでどうすればいいですか？

app_component.html

<div header class="custom-header"> 
     <img class="icon" [src]="fbService.user?.photoURL"> 
     <div id="user-name">{{fbService.user?.displayName}}</div> 
     <div id="email">{{fbService.user?.email}}</div> 
    </div> 

app_component.css

.icon { 
    width: 40px; 
    height: 40px; 
    margin-right: 16px; 
} 

Answer 1

<img *ngIf="authService.isLoggedIn" class="icon" [src]="fbService.user?.photoURL"> 

又は

<img *ngIf="authService.isLoggedIn | stream" class="icon" [src]="fbService.user?.photoURL"> 

isLoggedInストリームである場合。

あなたはisLoggedInステータスを提供し、名前authService下<img ...>要素を（含まれているコンポーネントに注入されたグローバルなサービスが必要になります。