在刷新页面之前，这些方法不起作用。我该怎么办？

Question

  

我尝试在点击登录按钮时获取用户详细信息并且它可以工作但我必须在每次登录或注销时刷新页面..我希望它能够在不刷新页面的情况下工作。请帮忙。

uname:any;


 constructor(
public af: AngularFire,){ 
  this.af.auth.subscribe(auth => 
  this.uname=auth.google.displayName   
);}



login() {
this.af.auth.login();
 } 


logout() {
 this.af.auth.logout();
 this.router.navigate(['/']);}