在重定向页面上登录后显示Facebook个人资料图片

Question

我有一个非常基本的问题。在成功验证后的登录页面上，我想将登录的Facebook用户的个人资料图片显示为头像。我在身份验证后从登录页面重定向到TabsPage。

@Component({
  selector: 'page-udvozoljuk',
  templateUrl: 'udvozoljuk.html',
})
export class UdvozoljukPage {

  facebook={
    loggedin: false,
    name: '',
    profilePicture: '',
    email: ''
  }

  constructor(private fire: AngularFireAuth, public navCtrl: NavController, public navParams: NavParams) {
  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad UdvozoljukPage');
  }

  loginWithFacebook(){
    this.fire.auth.signInWithPopup(new firebase.auth.FacebookAuthProvider())
    .then( res=> {
      this.facebook.loggedin=true;
      this.facebook.name=res.user.displayName;
      this.facebook.email=res.user.email;
      this.facebook.profilePicture=res.user.photoURL;

      this.navCtrl.push(HomePage);
    })
  }

在HomePage（我的Tabspage中的第一个标签页）中，我在头部放置了一个头像：

<ion-avatar item-end>
        <img src="{{facebook.profilePicture}}">
    </ion-avatar>

问题是facebook参数没有定义，我不知道如何使这个工作。我也试过navparams但没有成功。我将登录页面导入主页，但我无法访问我的Facebook详细信息。