將數據傳遞給 ionic2 菜單

Question

我有一個菜單，我在 app.html 中編寫了其 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

您的問題是在頁面之間傳遞數據。 我認為你應該使用離子事件

用於在您的應用程序中發送和響應應用程序級事件。

例如：把它放在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]);
      });
   }