How refresh menu on a button click

Ionic Framework ionic-v3
1

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

this.events.publish('job-status-updated',  Date.now());

in app components

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


 manageMenu(){
    // 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' } 
          
        ];
  
      }else{
  
        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

2

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?

3

this is my site menu html

 <ion-content>
    <ion-list>
      <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>
        {{p.title}}
      </button>
      
      <button icon-left menuClose ion-item  (click)="logout()">
          <ion-icon style="padding-top:5px;" name="log-out"></ion-icon>
          Logout
      </button>
    </ion-list>
    
  </ion-content>