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

回答

相关问题