angular2 ngIf真偽条件

Question

ngIfの状態で私を助けることができる人は、キーが存在しないときにログアウトを隠そうとしていて、localStorageに存在するときにそれを表示しようとしています。私はngIfの複数の条件について混乱していますが、小切手は正しいです。

このチェックは指令として使用されています。

checkSession() { 
    var checkKey = localStorage.getItem('sessionKey'); 
    if(checkKey == null){ 
     var showLogout = false; 
     console.log('null key: ', checkKey); 
    } else { 
     showLogout = true; 
     //this check will only be available once the user is logged in 
     console.log('key exist: ' checkKey); 
    } 

} 

Htmlの

<a (click)="logout()" title="Logout" *ngIf="showLogout || (!showLogout && !showLogout)"> 
    <i class="fa fa-sign-out fa-2x" aria-hidden="true" ></i> 
</a> 

Answer 1

それはあなたが何をしたいようだ

export class MyComponent { 

    /// other stuff 

    showLogout:boolean = false; 

    checkSession() { 
    var checkKey = localStorage.getItem('sessionKey'); 
    if(checkKey == null){ 
     this.showLogout = false; // changed 
     console.log('null key: ', checkKey); 
    } else { 
     this.showLogout = true; // changed 
     //this check will only be available once the user is logged in 
     console.log('key exist: ' checkKey); 
    } 
    } 
} 

あるローカル変数はテンプレートで使用できなくなります。テンプレートは、コンポーネントクラスの最上位のプロパティとメソッドにのみ直接アクセスできます。