Auth0昵称属性在角度2重新加载后工作

Question

我想在使用auth0登录时显示用户的名字。当用户登录时，名称未显示在导航栏中。但是当我们重新加载页面时，名称会出现。

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

那是因为你只在启动时收集价值。

你应该：

• 每隔几秒重新获取一次值：
  {{1}}
• 将Auth here注入使用共享变量的所需控制器。因此，您可以更新模板中显示的登录值。
• 使用service来调用修改控制器中相应日志的函数。