一尘不染

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

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())也不起作用(什么也没有发生)。

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


阅读 250

收藏
2020-07-04

共1个答案

一尘不染

为了进行记录,要强制angular重新渲染当前页面,可以使用:

$route.reload();

根据AngularJS 文档

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

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

2020-07-04