javascript - 如何在 Ionic Framework 中重新加载页面时防止白屏

Question

我正在使用 AngularJS 和 Ionic 框架来构建应用程序。我的应用程序需要有一个注销按钮。当用户按下注销按钮时，我想重新加载页面，以便重新引导应用程序并清除所有缓存的数据。基于this StackOverflow Question我应该能够执行$window.location.reload(true)。如果我只是通过 ionicserve 在浏览器中运行应用程序，那么效果很好。然而，当我在实际设备上运行它时，屏幕只是一片空白，再也没有回来。如何在移动设备上重新加载/刷新页面而不出现空白屏幕？

编辑:这是我的实际代码:

angular.module('login').controller('logoutController', ['$state', '$window', function ($state, $window) {
    $state.go('login');
    $window.location.reload(true);
}]);

我正在尝试在转换到登录状态后重新加载位置。

Answer 1

上面的代码工作正常。事实证明，我的问题在于如何转换到注销状态。如果我在 ion-item 上使用 href，则会导致黑屏问题:

<ion-item nav-clear menu-close class="item-icon-left" href="#/logout">
    Logout
</ion-item>

但是，如果我在 ion-item 上使用 ui-sref，则不会出现黑屏:

<ion-item nav-clear menu-close class="item-icon-left" ui-sref="logout">
    Logout
</ion-item>

不要问我这是如何或为何发生的。这正是我所观察到的。