AngularJs:重新加载页面

Question

<a ng-href="#" class="navbar-brand" title="home" data-translate>PORTAL_NAME</a>

我想重新加载页面.我怎样才能做到这一点？

Answer 1

您可以使用reload该$route服务的方法.注入$route在你的控制器,然后创建一个方法,reloadRoute在你的$scope.

$scope.reloadRoute = function() {
   $route.reload();
}

然后你可以在链接上使用它,如下所示:

<a ng-click="reloadRoute()" class="navbar-brand" title="home"  data-translate>PORTAL_NAME</a>

此方法将导致当前路由重新加载.但是,如果您想要执行完全刷新,则可以注入$window并使用:

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

稍后编辑(ui-router):

正如JamesEddyEdwards和Dunc在他们的回答中提到的,如果你使用angular-ui/ui-router,你可以使用以下方法重新加载当前的状态/路由.只需注入$state而不是$route然后你有:

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

Answer 2

window对象通过$window服务提供,以便于测试和模拟,您可以使用以下内容:

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

而且:

<a ng-click="reloadPage"  class="navbar-brand" title="home"  data-translate>PORTAL_NAME</a>

作为旁注,我不认为$ route.reload()实际上是重新加载页面,而只是路由.

Answer 3

 location.reload(); 

诀窍.

<a ng-click="reload()">

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

不需要路线或任何简单的旧js

Answer 4

与亚历山大的答案类似,但使用$ state而不是$ route:

(从JimTheDev的SO答案在这里.)

$scope.reloadState = function() {
   $state.go($state.current, {}, {reload: true});
}

<a ng-click="reloadState()" ... 

Answer 5

如果使用Angulars更高级的ui-router我肯定会推荐你现在可以简单地使用:

$state.reload();

这与Dunc的回答基本相同.

Answer 6

我避免无限循环的解决方案是创建另一个进行重定向的状态：

$stateProvider.state('app.admin.main', {
    url: '/admin/main',
    authenticate: 'admin',
    controller: ($state, $window) => {
      $state.go('app.admin.overview').then(() => {
        $window.location.reload();
      });
    }
  });