How refresh menu on a button click

Does anybody know know how to refresh sidemenu items on a button click

I have tried with events , but its not working , Find below the code that am trying to use

in a page button click'job-status-updated',;

in app components

 events.subscribe('job-status-updated', (time) => {     
      console.log('job-status-updated', 'at', time);

    // used for an example of ngFor and navigation
      if(localStorage.getItem('isDutyStarted') == 'false' && localStorage.getItem('isDutyPaused') == 'false'){
         console.log('in here menu if');
        this.pages = [   
          { title: 'Dashboard', component: SummaryPage, menuIcon : 'podium' } 
        this.pages = [   
          { title: 'Dashboard', component: SummaryPage, menuIcon : 'podium' } ,
          { title: 'Assigned Orders', component: OrderListPage, menuIcon : 'clipboard' },    
          { title: 'Deliver To Hub', component: DeliverHubPage, menuIcon : 'basket' },   
          { title: 'Collect From Hub', component: CollectHubPage, menuIcon : 'cart' }      

I want the menu items to be displayed on the basis of the conditions that i have given

whats your site menue html?
maybe you could use an inline *ngIf for that purpose, too.
try logging your local storage at that moment, are the functions working correct?

this is my site menu html

      <button icon-left menuClose ion-item *ngFor="let p of pages" (click)="openPage(p)">
        <ion-icon style="padding-top:5px;" name="{{p.menuIcon}}"></ion-icon>
      <button icon-left menuClose ion-item  (click)="logout()">
          <ion-icon style="padding-top:5px;" name="log-out"></ion-icon>