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

Question

我正在使用AngularJS和Ionic框架构建一个应用程序。我的应用程序需要有一个注销按钮。当用户按下注销按钮时，我想重新加载页面，以便重新引导应用程序，并清除所有缓存数据。基于这个StackOverflow问题，我应该能够只做<<代码>$窗口。地方重新加载（true）。如果我只是通过ionic serve在浏览器中运行该应用程序，效果很好。然而，当我在实际设备上运行它时，屏幕会变为空白，再也不会出现。如何在移动设备上重新加载/刷新页面而不出现空白屏幕？

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

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

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

Answer 1

我刚刚测试了$窗口。地方在我的应用程序的注销功能中重新加载（true），它工作正常（也在实际应用程序中）。

为了解决您的问题，请确保

>

您添加了$windows作为视图控制器中的依赖项

您可以通过在注销函数中调用$state.go（"your-entry-view"）将用户发送到应用程序条目视图，或者

通过在您的$stateProviderconfig：$urlRouterProvider.otherwise（'/your-entry-views-url'）中定义回退状态

如果这没有帮助，请向我们提供更多详细信息，例如调用注销函数的控制器和状态配置。您的控制台输出也会有所帮助。

Answer 2

上面的代码工作正常。事实证明，我的问题是如何过渡到logout状态。如果我在ion-Item上使用href，则会导致空白屏幕问题：

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

但是，如果我在离子项目上使用ui sref，则不会出现空白屏幕：

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

不要问我这是怎么发生的或为什么发生的。这正是我所观察到的。