在侧面菜单ionic 2中加载用户信息

<ion-menu [content]="content">
  <ion-header>
    <ion-toolbar>
      <ion-title>Menu</ion-title>
    </ion-toolbar>
  </ion-header>

  <ion-content>
    <ion-list>
      <ion-item>
        <ion-icon name="person"></ion-icon>
        {{userInfo.name}}
      </ion-item>
      <ion-item>
        <ion-icon name="mail"></ion-icon>
        {{userInfo.email}}
      </ion-item>
    </ion-list>
  </ion-content>
</ion-menu>

<ion-nav [root]="rootPage" #content></ion-nav>

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

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html',
  styleUrls: ['app.component.scss']
})
export class AppComponent {
  userInfo: any = {
    name: 'John Doe',
    email: 'johndoe@example.com'
  };

  rootPage: any = HomePage;
}

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  constructor(public navCtrl: NavController) {
    this.navCtrl.setRoot(HomePage, { userInfo: this.userInfo });
  }
}