title: refresh app.components in ionic 3
body: <p>i want refresh app.component because in my sidemenu there is image and name so i store name and image in local storage but when i login and go to dashboard my app.component not refresh  so need refresh app.components </p>
  
  <p>My menu file </p>
  
  <pre><code>&lt;ion-menu [content]="content"&gt;
    &lt;ion-header&gt;
      &lt;ion-toolbar&gt;
        &lt;ion-title&gt;Menu&lt;/ion-title&gt;
      &lt;/ion-toolbar&gt;
    &lt;/ion-header&gt;
  
    &lt;ion-content&gt;
  
  
          &lt;div class="profile"&gt;
              &lt;img class="profile-picture" src="assets/imgs/user_profile.png" /&gt;
              &lt;h3 class="name"&gt;{{name}}&lt;/h3&gt;
          &lt;/div&gt;
  
  
      &lt;ion-list class="bg-color-menu" no-lines&gt;
        &lt;ion-item menuClose ion-item *ngFor="let p of pages" (click)="openPage(p)"&gt;
          &lt;ion-item&gt;
              &lt;ion-avatar item-start&gt;
                  &lt;img [src]="p.icon" /&gt;
                &lt;/ion-avatar&gt;
                {{p.title}}
          &lt;/ion-item&gt;
  
        &lt;/ion-item&gt;
      &lt;/ion-list&gt;
    &lt;/ion-content&gt;
  
  &lt;/ion-menu&gt;
  
  &lt;!-- Disable swipe-to-go-back because it's poor UX to combine STGB with side menus --&gt;
  &lt;ion-nav [root]="rootPage" #content swipeBackEnabled="false"&gt;&lt;/ion-nav&gt;
  </code></pre>
  
  <p>app.components </p>
  
  <pre><code>name:any;
  
    this.name = localStorage.getItem("name");
  </code></pre>