Auth0ニックネームプロパティは、私は彼がauth0を使用してログインするときにユーザーの名前を表示したい角度の2

Question

でリロード後に動作します。ユーザーがサインインすると、名前がナビゲーションバーに表示されません。しかし、ページをリロードすると名前が表示されます。

app.component.tsは

import { Component, AfterViewInit } from '@angular/core'; 
import {SignupService} from './services/signup.service'; 
import {Auth} from './services/auth.service'; 
declare var $: any; 

@Component({ 
    moduleId:module.id, 
    selector: 'my-app', 
    templateUrl: 'app.component.html', 
    styleUrls: ['./assets/css/navbar.css'], 
    providers: [SignupService], 
    }) 
export class AppComponent { 
    profile : any; 
    constructor(private auth: Auth){ 

    this.profile=JSON.parse(localStorage.getItem('profile')); 

}; 

ngAfterViewInit() { 
    $(".button-collapse").sideNav(); 
    $(".dropdown-button").dropdown(); 


    } 

}あなたが唯一の起動時に値を収集しているためだ

Answer 1

を提出します。

あなたがすべき次のいずれか

• 再取得価値は数秒ごと： setTimeout(() => localStorage.getItem('profile'), 1000)
• 
  は共有変数を使用して、ご希望のコントローラに認証serviceを注入します。テンプレートに表示されているログイン済みの値を更新することができます。
• コントローラに適切なログを修正する機能を呼び出すために、EventEmitterを使用します。