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

在基于几个用户上下文渲染了整个页面并提出了几个$http请求之后，我希望用户能够切换上下文并再次重新渲染所有内容（重新发送所有$http请求等）。如果我只是将用户重定向到其他地方，则一切正常：

$scope.on_impersonate_success = function(response) {
  //$window.location.reload(); // This cancels any current request
  $location.path('/'); // This works as expected, if path != current_path
};

$scope.impersonate = function(username) {
  return auth.impersonate(username)
    .then($scope.on_impersonate_success, $scope.on_auth_failed);
};

如果使用$window.location.reload()，则正在等待响应的$http请求中的某些请求auth.impersonate(username)将被取消，因此无法使用它。此外，骇客$location.path($location.path())也无法运作（一无所获）。

还有另一种方法可以重新渲染页面，而无需再次手动发出所有请求吗？

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

$route.reload();

根据AngularJS 文档：

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

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

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

$window.location.reload();

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

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

角度2

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

要重新加载给定路径的页面，请执行以下操作：-

$location.path('/path1/path2');
$route.reload();

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

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

好吧，也许您在声明Controller的依赖项时忘记添加“ $ route”：

app.controller('NameCtrl', ['$scope','$route', function($scope,$route) {   
   // $route.reload(); Then this should work fine.
}]);

只是要重新加载所有内容，请使用window.location.reload（）;。与angularjs

查看工作示例

的HTML

<div ng-controller="MyCtrl">  
<button  ng-click="reloadPage();">Reset</button>
</div>

angularJS

var myApp = angular.module('myApp',[]);

function MyCtrl($scope) {
    $scope.reloadPage = function(){window.location.reload();}
}

http://jsfiddle.net/HB7LU/22324/

如果要在刷新正在使用的任何服务时刷新控制器，则可以使用以下解决方案：

• 注入$ state

即

app.controller('myCtrl',['$scope','MyService','$state', function($scope,MyService,$state) {

    //At the point where you want to refresh the controller including MyServices

    $state.reload();

    //OR:

    $state.go($state.current, {}, {reload: true});
}

这将刷新控制器和HTML，您也可以将其称为Refresh或Re-Render。

Angular 2之前（AngularJs）

通过路线

$route.reload();

如果您想重新加载整个应用程序

$window.location.reload();

角2+

import { Location } from '@angular/common';

constructor(private location: Location) {}

ngOnInit() {  }

load() {
    this.location.reload()
}

要么

constructor(private location: Location) {}

ngOnInit() {  }

Methods (){
    this.ngOnInit();
}

我想到的最简单的解决方案是

将“ /”添加到每次回来时要重新加载的路由。

例如：

代替以下

$routeProvider
  .when('/About', {
    templateUrl: 'about.html',
    controller: 'AboutCtrl'
  })

采用，

$routeProvider
  .when('/About/', { //notice the '/' at the end 
    templateUrl: 'about.html',
    controller: 'AboutCtrl'
  })

请尝试以下方法之一：

$route.reload(); // don't forget to inject $route in your controller
$window.location.reload();
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 });
        };

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

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

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

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