title: Ionic2 Tabs after logout still showed up in navigation page, what i missed here?
body: <p>Here is what i trying to achieve, i already log in into my aplication, but when i logout, the tab is still there until i refresh my page in my login screen, i want it gone from my login screen when i logout how, what i missed here? Here is what i do :</p>
  
  <p>my app.component.ts :</p>
  
  <pre><code>export class MyApp {
    public rootPage: any = TabsPage;
  
    constructor(platform: Platform) {
  
      if (localStorage.getItem("currentUser") === null) {
        console.log("not logged in");
          this.rootPage = LoginPagePage;
      } else {
        console.log("already logged in");
          this.rootPage = TabsPage;
      }
  
      platform.ready().then(() =&gt; {
        // Okay, so the platform is ready and our plugins are available.
        // Here you can do any higher level native things you might need.
        StatusBar.styleDefault();
        Splashscreen.hide();
      });
    }
  }
  </code></pre>
  
  <p>below is my tabs.ts :</p>
  
  <pre><code>export class TabsPage {
  
    public tab1Root: any;
    public tab2Root: any;
    public tab3Root: any;
  
    constructor() {
      this.tab1Root = HomePage;
      this.tab2Root = AboutPage;
      this.tab3Root = ExplorePage;
    }
  
  }
  </code></pre>
  
  <p>then here is my tabs.html :</p>
  
  <p>
    
    
    
  </p>
  
  <p>when i do that, it appear normal when first load, the tabs doesn't show up. Then after i logged in, i do set</p>
  
  <pre><code>this.navCtrl.setRoot(TabsPage);
  </code></pre>
  
  <p>here is my logout code :</p>
  
  <pre><code>  logout(){
      localStorage.removeItem("currentUser");
      this.navCtrl.setRoot(LoginPagePage);
    }
  </code></pre>
  
  <p>there i already setRoot into my LoginPagePage, why still the tab appear on the screen? how to fix this?</p>