Como recarregar ou renderizar novamente a página inteira usando o AngularJS

Depois de renderizar a página inteira com base em vários contextos do usuário e fazer várias $httpsolicitações, desejo que o usuário possa alternar contextos e renderizar tudo novamente (reenviar todas as $httpsolicitações, etc.). Se eu apenas redirecionar o usuário para outro lugar, as coisas funcionarão corretamente:

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

Se eu usar $window.location.reload(), algumas $httpsolicitações auth.impersonate(username)que estão aguardando uma resposta serão canceladas, então não posso usá-la. Além disso, o hack $location.path($location.path())também não funciona (nada acontece).

Existe outra maneira de renderizar novamente a página sem emitir manualmente todas as solicitações novamente?

Para o registro, para forçar o angular a renderizar novamente a página atual, você pode usar:

$route.reload();

De acordo com a documentação do AngularJS :

Faz com que o serviço de rota $ recarregue a rota atual, mesmo se $ location não tiver sido alterado.

Como resultado disso, o ngView cria um novo escopo, restabelece o controlador.

$route.reload()reinicializará os controladores, mas não os serviços. Se você deseja redefinir todo o estado do seu aplicativo, pode usar:

$window.location.reload();

Este é um método DOM padrão que você pode acessar injetando o serviço $ window .

Se você quiser recarregar a página do servidor, por exemplo, quando estiver usando o Django ou outra estrutura da web e desejar uma nova renderização do lado do servidor, passe truecomo um parâmetro para reload, conforme explicado nos documentos . Como isso requer interação com o servidor, será mais lento, se necessário.

Angular 2

O acima se aplica a Angular 1. Eu não estou usando angular 2, parece que os serviços são diferentes lá, não é Router, Locatione o DOCUMENT. Eu não testei comportamentos diferentes lá

Para recarregar a página para um determinado caminho de rota: -

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

Se você estiver usando um ui-router angular, esta será a melhor solução.

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

Bem, talvez você tenha esquecido de adicionar "$ route" ao declarar as dependências do seu Controller:

app.controller('NameCtrl', ['$scope','$route', function($scope,$route) {   
   // $route.reload(); Then this should work fine.
}]);

Apenas para recarregar tudo, use window.location.reload (); com angularjs

Confira o exemplo de trabalho

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/

Se você deseja atualizar o controlador enquanto atualiza quaisquer serviços que estiver usando, você pode usar esta solução:

• Injetar $ state

ie

app.controller('myCtrl',['$scope','MyService','$state', function($scope,MyService,$state) {

    //At the point where you want to refresh the controller including MyServices

    $state.reload();

    //OR:

    $state.go($state.current, {}, {reload: true});
}

Isso atualizará o controlador e o HTML também. Você pode chamá-lo de Atualizar ou Renderizar novamente .

Antes do Angular 2 (AngularJs)

Através da rota

$route.reload();

Se você deseja recarregar todo o aplicativo

$window.location.reload();

Angular 2+

import { Location } from '@angular/common';

constructor(private location: Location) {}

ngOnInit() {  }

load() {
    this.location.reload()
}

Ou

constructor(private location: Location) {}

ngOnInit() {  }

Methods (){
    this.ngOnInit();
}

A solução mais fácil que imaginei foi:

adicione '/' à rota que deseja ser recarregada sempre que voltar.

por exemplo:

em vez do seguinte

$routeProvider
  .when('/About', {
    templateUrl: 'about.html',
    controller: 'AboutCtrl'
  })

usar,

$routeProvider
  .when('/About/', { //notice the '/' at the end 
    templateUrl: 'about.html',
    controller: 'AboutCtrl'
  })

Tente um dos seguintes:

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

Eu recebi este código de trabalho para remover o cache e recarregar a página

Visão

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

Controlador

Injetores: $ scope, $ state, $ stateParams, $ templateCache

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

Use o código a seguir sem notificação de recarga íntima para o usuário. Vai renderizar a página

var currentPageTemplate = $route.current.templateUrl;
$templateCache.remove(currentPageTemplate);
$window.location.reload();

Eu tenho uma luta difícil com esse problema há meses, e a única solução que funcionou para mim é esta:

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