Ionic 侧菜单：刷新 rootPage

import { Component, ViewChild } from '@angular/core';
import { Nav, Platform } from 'ionic-angular';
import { StatusBar, Splashscreen } from 'ionic-native';

import { Login } from '../pages/login/login';
import { Page2 } from '../pages/page2/page2';
import { Page3 } from '../pages/page3/page3';


@Component({
  templateUrl: 'app.html'
})
export class MyApp {
  @ViewChild(Nav) nav: Nav;

  rootPage: any = Login;

  pages: Array<{title: string, component: any}>;

  constructor(public platform: Platform) {
    this.initializeApp();

    // used for an example of ngFor and navigation
    this.pages = [
      { title: 'Login/Logout', component: Login },
      { title: 'Page Two', component: Page2 },
      { title: 'Page Three', component: Page3 }
    ];

  }

  initializeApp() {
    this.platform.ready().then(() => {
      // 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();
    });
  }

  openPage(page) {
    // Reset the content nav to have just this page
    // we wouldn't want the back button to show in this scenario
    this.nav.setRoot(page.component);
  }
}

import { NgModule, ErrorHandler } from '@angular/core';
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
import { MyApp } from './app.component';
import { Login } from '../pages/login/login';
import { Page2 } from '../pages/page2/page2';
import { Page3 } from '../pages/page3/page3';

@NgModule({
  declarations: [
    MyApp,
    Login,
    Page2,
    Page3
  ],
  imports: [
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    Login,
    Page2,
    Page3
  ],
  providers: [{provide: ErrorHandler, useClass: IonicErrorHandler}]
})
export class AppModule {}

<ion-header>
  <ion-navbar>
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>Login</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <h3>Effettua l'accesso</h3>

  <p>
    Esegui il login oppure procedi come utente non registrato. Clicca in alto a sinistra per vedere il menu.
  </p>
  <form  ng-show="credentials" ng-submit="submitCredentials()">
    <div>
        <div>
            <div>Email</div> 
            <div>
            <input type="text" id="email" ng-model="userLoginForm.email" />
            </div>
        </div>
        <div>
      <div>Password</div>
      <div>
        <input type="password" id="password" ng-model="userLoginForm.pass" />
      </div>
     </div>
    <div>
      <div colspan="2" class='centered'>
        <button ion-button type="submit">Login</button>
      </div>
    </div>
    </div>
</form>
<form ng-show="logout" ng-submit="userLogout()">
    <div>
      <div colspan="2" class='centered'>
        <button ion-button type="submit">Logout</button>
      </div>
    </div>
</form>
    
        
</ion-content>

'use strict'; //questo mi da informazione sull'errore

var app = angular.module("UserManagement", ['ngRoute']);  

app.controller("LoginController", function($scope, $http, $window, restService) {  
    
    $scope.credentials = false;
    $scope.logout = false;
    
    var token = localStorage.getItem("token");
    if (token !== null){
     //   $window.location.href="login.html";
        $scope.credentials = false;
        $scope.logout = true;
        console.log("loggato");
    }
    else{
      //  $window.location.href="page2.html";
        $scope.credentials = true;
        $scope.logout = false;
        console.log("non loggato");   
    }
    $scope.userlogins = [];
    $scope.userLoginForm = {  
        email: "",
        pass: ""
    };
    $scope.tokenUserForm = {  
        idtokenuser: -1,    
        tokenuser: ""
    };  
    $scope.userForm = {  
        iduser : -1,    
        name: "",
        surname: "",
        birthDate: "",
        cityResidence: "",
        provinceResidence: "",
        postalCode: "",
        gender: true,
        userLogin: {
            iduserLogin: -1,
            email: "",
            pass: "" 
          }
    };  
    
   
    
    //8njae3j4b54fpoapftc8aofbfs
    
    //admin: l5qsngh3v9a5f2v9p55ar4h083
    $scope.submitCredentials= function() { 
        console.log("LOGINFORM: "+$scope.userLoginForm.pass);
        restService.login($scope.userLoginForm, _logsuccess, _logerror);
        
    $scope.userLogout= function() { 
        restService.logout;
    }
    
    function _logsuccess(response) {  
        console.log("Loggato correttamente");
        console.log(response.status);
        var CurrentToken = response.data;
      //  _SetToken(CurrentToken);                                        
    }  
            
    function _logerror(response) {  
        console.log("Login fallito");
        console.log(response.status);
       // _SetToken(null);                                      
    } 
       


    };

app.config(['$routeProvider', function($routeProvider) {
            $routeProvider.
            
            when('/sessionExpired', {
               templateUrl: 'sessionExpired.htm',
               controller: 'SessionExpired'
            });
            

         }]);

app.controller('SessionExpired', function($scope) {
        console.log("ciao");
            $scope.message = "You must be logged";
         });
    });
         

var token = localStorage.getItem("token");
    if (token !== null){
     //   $window.location.href="login.html";
        $scope.credentials = false;
        $scope.logout = true;
        console.log("loggato");
    }

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
  <meta charset="UTF-8">
  <title>Ionic App</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta name="format-detection" content="telephone=no">
  <meta name="msapplication-tap-highlight" content="no">

  <link rel="icon" type="image/x-icon" href="assets/icon/favicon.ico">
  <link rel="manifest" href="manifest.json">
  <meta name="theme-color" content="#4e8ef7">
  
  <!-- cordova.js required for cordova apps -->
  <script src="cordova.js"></script>

  <!-- un-comment this code to enable service worker
  <script>
    if ('serviceWorker' in navigator) {
      navigator.serviceWorker.register('service-worker.js')
        .then(() => console.log('service worker installed'))
        .catch(err => console.log('Error', err));
    }
  </script>-->

  <link href="build/main.css" rel="stylesheet">

</head>
<body ng-app="UserManagement" ng-controller="LoginController" ng-fa>

  <!-- Ionic's root component and where the app will load -->
  <ion-app></ion-app>

  <!-- The polyfills js is generated during the build process -->
  <script src="build/polyfills.js"></script>

  <!-- The bundle js is generated during the build process -->
  <script src="build/main.js"></script>

</body>
    
    
<script src="angularjs/angular.js"></script> 
    <!--
<script src="angularjs/rest-services.js"></script>
<script src="angularjs/login-controller.js"></script>
    -->

      

<!-- <script src = "anguarjs/angular-route.min.js"></script> -->
<script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-route.min.js"></script>
    
<!-- Rest services -->
<script src="myjs/main-admin.js"></script>
<script src="myjs/login-controller.js"></script>
<script src="myjs/rest-services.js"></script>

    

    
</html>