将数据传递给 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>

我的应用流程是登录->主页。当用户登录应用程序时，它将从服务中获取用户名。我如何将此数据传递到我的 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]);
      });
   }

将数据传递给 ionic2 菜单

Pass data to ionic2 menu

ionic-framework

ionic2

angular