javascript - Angularjs 4 - 表示/非表示ディレクティブを更新する必要があります

Question

ユーザーがログインしていないときに (パブリック ビューで) ナビゲーション バーを非表示にするのに問題があります。項目 currentUser が localStorage に存在するかどうかを確認し、html テンプレートで *ngIf を使用して表示/非表示にします。

最初にログインするとナビゲーションバーが表示されませんが、ページを更新すると表示され、ログアウトしても最初は表示され、ページを更新すると表示されなくなります。

そこに私のapp.component.ts

import { Component, OnInit } from '@angular/core';

@Component({
    moduleId: module.id,
    selector: 'app',
    templateUrl: 'app.component.html'
})

export class AppComponent implements OnInit {

    userLogged = JSON.parse(localStorage.getItem('currentUser'));

    ngOnInit() {
        console.log(this.userLogged);

    }

}

と私app.component.html

<!-- main app container -->
<div class="jumbotron">
    <div class="container">
        <ng-navbar *ngIf="userLogged"></ng-navbar>
        <div class="col-sm-12">
            <alert></alert>
            <router-outlet></router-outlet>
        </div>
    </div>
</div>

より多くの情報が必要な場合は、それを求めてください。Angularjs 4 に関する私の最初の質問であり、何を正確に表示すればよいかわかりません。