如何重新加载或重新渲染整个页面使用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()，那么auth.impersonate(用户名)上等待响应的一些$http请求将被取消，因此我不能使用它。此外，黑客$location.path($location.path())也不起作用(什么都没有发生)。

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

当前回答

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

$window.location.reload();

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

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

角2

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

2014-10-22 09:52:34

其他回答

为了记录，强制angular重新渲染当前页面，你可以使用:

$route.reload();

根据AngularJS文档:

导致$route服务重新加载当前路由，即使$location没有改变。因此，ngView会创建新的作用域，重新实例化控制器。

2013-05-29 18:54:05

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

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

2014-06-30 09:37:52

试试下面的方法:

$route.reload(); // don't forget to inject $route in your controller
$window.location.reload();
location.reload();

2018-10-31 13:31:29

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

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

2016-07-28 05:01:10

我得到了这个工作代码删除缓存和重新加载页面

View

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

控制器

喷油器:范围、美元,stateParams, templateCache美元

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

2017-05-18 12:49:11

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

推荐文章

最新文章

标签