How to update data in the menu after the app is initialized?

Ionic Framework ionic-v3
2

I came across the same problem, and found the solution: use Events. In your app.js constructor:

this.events.subscribe('user:loggedIn', currentUser => {
      this.currentUser = currentUser;
});

In app.html:

<ion-menu [content]="content">

  ...  

  <ion-content>
    <div *ngIf="currentUser">
      ...
    </div>
  </ion-content>

</ion-menu>

Finally, in your service fire the event when appropriate:

this.events.publish('user:loggedIn', user);

See http://ionicframework.com/docs/v2/utils/events/ for more info.

IMPORTANT: be aware of a bug in latest Ionic version. Workaround here: Publishing/Subscribing to events stopped working

2 Likes