将数据传递给ionic2菜单

Question

我有一个菜单，其html我用app.html编写 -

<ion-menu [content]="mycontent">
  <ion-toolbar class = "menuUserName">
    <ion-title>{{userName}}</ion-title>
  </ion-toolbar>
  <ion-content>
    <ion-list>
      ...
     </ion-list>
  </ion-content>
</ion-menu>

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

我的应用流程是登录 - ＆gt;主页。 当用户登录应用程序时，它将从服务获取用户名。 如何将此数据传递到我的ionic2菜单以更新用户名。

Answer 1

您的问题是在页面之间传递数据。我认为你应该使用Ionic Events

用于在您的应用中发送和响应应用级事件。

例如：把它放在app.ts

中

function createUser(user) {
    console.log('User created!')
    events.publish('user:created', user);
}

function listenToLoginEvents(){
      events.subscribe('user:created', (userEventData) => {
      console.log('Welcome', userEventData[0]);
      });
   }