在基于几个用户上下文渲染整个页面并发出几个$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(),那么auth.impersonate(用户名)上等待响应的一些$http请求将被取消,因此我不能使用它。此外,黑客$location.path($location.path())也不起作用(什么都没有发生)。

是否有另一种方法可以重新呈现页面,而无需再次手动发出所有请求?


当前回答

如果你正在使用angular ui-router,这将是最好的解决方案。

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

其他回答

几个月来,我一直在努力解决这个问题,唯一对我有效的解决方案是:

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

用于重新加载给定路由路径的页面:-

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

$route.reload()将重新初始化控制器,而不是服务。如果你想重置你的应用程序的整个状态,你可以使用:

$window.location.reload();

这是一个标准的DOM方法,你可以通过注入$window服务来访问它。

如果你想确保从服务器重新加载页面,例如当你使用Django或其他web框架时,你想要一个新的服务器端渲染,将true作为参数来重新加载,正如文档中解释的那样。因为这需要与服务器交互,所以速度会慢一些,所以只有在必要时才这样做

角2

以上内容适用于Angular 1。我没有使用Angular 2,看起来那里的服务是不同的,有Router、Location和DOCUMENT。我没有测试不同的行为

如果你想在刷新你正在使用的任何服务的同时刷新控制器,你可以使用这个解决方案:

美元注入状态

i.e.

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以及你可以称之为刷新或重新渲染。

为了重新加载所有内容,使用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/