如何使用AngularJS重新加载或重新渲染整个页面

我已经为这个问题进行了数月的艰苦奋斗，而对我来说唯一有效的解决方案是：

var landingUrl = "http://www.ytopic.es"; //URL complete
$window.location.href = landingUrl;

使用以下代码，而无需向用户发送密切的重新加载通知。它将呈现页面

var currentPageTemplate = $route.current.templateUrl;
$templateCache.remove(currentPageTemplate);
$window.location.reload();

我得到了用于删除缓存和重新加载页面的工作代码

视图

        <a class="btn" ng-click="reload()">
            <i class="icon-reload"></i> 
        </a>

控制者

注入器：$ scope，$ state，$ stateParams，$ templateCache

       $scope.reload = function() { // To Reload anypage
            $templateCache.removeAll();     
            $state.transitionTo($state.current, $stateParams, { reload: true, inherit: true, notify: true });
        };

$route.reload()将重新初始化控制器，而不是服务。如果要重置应用程序的整体状态，可以使用：

$window.location.reload();

这是一个标准的DOM方法，您可以访问注入$ window服务。

如果要确保从服务器重新加载页面（例如，当您使用Django或其他Web框架时），并且想要新的服务器端渲染，请true按照docs中的reload说明作为参数传递给。由于这需要与服务器交互，因此它会变慢，因此仅在必要时才这样做

角度2

上述适用于角1.我不使用角2，貌似服务不同有，有Router，Location和DOCUMENT。我没有在那里测试不同的行为

为了进行记录，要强制angular重新呈现当前页面，可以使用：

$route.reload();

根据AngularJS 文档：

即使$ location保持不变，也使$ route服务重新加载当前路由。

结果，ngView创建了新的作用域，重新实例化了控制器。

如果您使用的是角度ui路由器，这将是最佳解决方案。

$scope.myLoadingFunction = function() {
    $state.reload();
};