如何重新加载或重新渲染整个页面使用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())也不起作用(什么都没有发生)。

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

当前回答

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

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

2016-07-28 05:01:10

其他回答

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

$route.reload();

根据AngularJS文档:

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

2013-05-29 18:54:05

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

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

2015-01-14 12:53:37

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

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

2016-07-28 05:01:10

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

2016-01-17 18:11:22

在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();
}

2018-07-23 08:38:49

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

推荐文章

最新文章

标签