如果不使用几分钟（当页面闲置几分钟时）我的角度页面卡住（路由不工作）

Question

我正在为单页面应用程序使用Angular UI路由器。它基本上是报告（网格+图表）。当我从一个页面路由到另一个页面时，它很好。但是，如果我打开页面并将其保留几分钟并再次尝试通过单击链接转到另一个页面，它就会卡在那里。然后我必须刷新页面。

这意味着如果页面闲置几分钟，那么路由就不会发生。

    (function () {

    var module = angular.module("app", ["ngAnimate", "ui.router", "ui.bootstrap"]);
    module.config(function ($stateProvider, $urlRouterProvider) {

      $urlRouterProvider.otherwise("/error");

      $stateProvider
      .state('home', {
        url: "/",
        templateUrl: "partials/index.html",
        controller: "indexController",
        controllerAs: "ctrl"
      })
      .state('weather', {
        url: "/weather",
        templateUrl: "./partials/weather.html",
        controller: "weatherController",
        controllerAs: "ctrl"
      })
      .state('error', {
        url: "/error",
        templateUrl: "/partials/error.html"
      })
      .state('horizontalBar', {
        url: "/horizontalBar",
        templateUrl: "./partials/charts/d3/horizontalBar.html",
        controller: "horizontalBarController",
        controllerAs: "ctrl"
      })
      .state('lineChart', {
        url: "/lineChart",
        templateUrl: "./partials/charts/d3/lineChart.html",
        controller: "lineChartController",
        controllerAs: "ctrl"
      });

    });  
}());