Cómo volver a cargar o renderizar toda la página con AngularJS

Después de renderizar toda la página en función de varios contextos de usuario y haber realizado varios $http solicitudes, quiero que el usuario pueda cambiar de contexto y volver a representar todo nuevamente (reenviar todas las $httpsolicitudes, etc.). Si solo redirijo al usuario a otro lugar, las cosas funcionan correctamente:

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

Si yo uso $window.location.reload() , algunas de las $httpsolicitudes auth.impersonate(username)que están esperando una respuesta se cancelan, por lo que no puedo usar eso. Además, el truco $location.path($location.path())tampoco funciona (no pasa nada).

¿Hay alguna otra forma de volver a representar la página sin volver a emitir manualmente todas las solicitudes?

Para el registro, para forzar angular para volver a representar la página actual, puede usar:

$route.reload();

De acuerdo con la documentación de AngularJS :

Hace que el servicio $ route vuelva a cargar la ruta actual incluso si $ location no ha cambiado.

Como resultado de eso, ngView crea un nuevo alcance, reinstala el controlador.

$route.reload()reiniciará los controladores pero no los servicios. Si desea restablecer todo el estado de su aplicación, puede usar:

$window.location.reload();

Este es un método DOM estándar al que puede acceder inyectando el servicio $ window .

Si desea asegurarse de volver a cargar la página desde el servidor, por ejemplo, cuando está utilizando Django u otro marco web y desea un nuevo renderizado del lado del servidor, pase truecomo parámetro reload, como se explica en los documentos . Como eso requiere interacción con el servidor, será más lento, así que hágalo solo si es necesario

Angular 2

Lo anterior se aplica a Angular 1. No estoy usando angular 2, parece que los servicios son diferentes allí, hay Router, Locationy el DOCUMENT. No probé diferentes comportamientos allí

Para volver a cargar la página para una ruta de ruta determinada: -

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

Si está utilizando un enrutador ui angular, esta será la mejor solución.

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

Bueno, tal vez olvidó agregar "$ route" al declarar las dependencias de su controlador:

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

Solo para recargar todo, use window.location.reload (); con angularjs

Mira el ejemplo de trabajo

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/

Si desea actualizar el controlador mientras actualiza los servicios que está utilizando, puede usar esta solución:

• Inyectar $ estado

es decir

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

Esto actualizará el controlador y el HTML, también puede llamarlo Actualizar o Renderizar .

Antes de Angular 2 (AngularJs)

A través de la ruta

$route.reload();

Si quieres recargar toda la aplicación

$window.location.reload();

Angular 2+

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

constructor(private location: Location) {}

ngOnInit() {  }

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

O

constructor(private location: Location) {}

ngOnInit() {  }

Methods (){
    this.ngOnInit();
}

La solución más fácil que pensé fue,

agregue '/' a la ruta que desea volver a cargar cada vez que regrese.

p.ej:

en lugar de lo siguiente

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

utilizar,

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

Pruebe uno de los siguientes:

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

Obtuve este código de trabajo para eliminar el caché y volver a cargar la página

Ver

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

Controlador

Inyectores: $ scope, $ state, $ stateParams, $ templateCache

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

Utilice el siguiente código sin notificación de recarga íntima para el usuario. Representará la página.

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

He tenido una dura lucha con este problema durante meses, y la única solución que me funcionó es esta:

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