將數據傳遞給ionic2菜單

我有它的HTML我已經寫在app.html-將數據傳遞給ionic2菜單

<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菜單以更新用戶名。

來源

2016-09-15 RHUL

定義的localStorage或sessionStorage的存儲的用戶名和使用它所需的組件。 – user728630

我使用localstorage，它不工作。當我們rae引導我們的應用程序時，這是唯一的時間菜單被添加.menucontroller打開和關閉將只顯示和隱藏菜單，它不會重新加載app.ts。 – RHUL

您必須擁有一個組件才能調用服務，以幫助用戶通過登錄併爲您提供數據庫中的用戶名。在服務承諾創建一個本地存儲。 Angular2沒有控制器的概念。你爲什麼有控制器？ – user728630

你的問題是在頁面之間傳遞數據。我認爲您應該使用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]); 
     }); 
    }

來源

2016-09-18 07:38:05 johnny

謝謝你......工作得像魅力:) – RHUL

將數據傳遞給ionic2菜單

回答

相關問題