AngularJs：重新加载页面

Question

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

我想重新加载页面。我该怎么做？

Answer 1

 location.reload(); 

这就是诀窍。

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

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

不需要路线或任何东西，只是简单的旧js

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

您可以使用$route服务的reload方法。在控制器中注入$route，然后在$scope上创建一个方法重载route。

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

正如JamesedYedwards和Dunc在他们的回答中提到的，如果您使用angular ui/ui路由器，您可以使用以下方法重新加载当前状态/路由。只需注入$state而不是$route，您就可以：

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