Come ricaricare o ripetere il rendering dell'intera pagina usando AngularJS

Dopo aver eseguito il rendering dell'intera pagina in base a più contesti utente e aver fatto diverse $httprichieste, voglio che l'utente sia in grado di cambiare contesto e ripetere il rendering di tutto (reinviando tutte le $httprichieste, ecc.). Se reindirizzo l'utente da qualche altra parte, le cose funzionano correttamente:

$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 lo utilizzo $window.location.reload(), alcune delle $httprichieste in auth.impersonate(username)attesa di una risposta vengono annullate, quindi non posso utilizzarlo. Inoltre, l'hacking $location.path($location.path())non funziona neanche (non succede nulla).

Esiste un altro modo per eseguire nuovamente il rendering della pagina senza inviare nuovamente tutte le richieste manualmente?

Per la cronaca, per forzare l'angolazione del rendering della pagina corrente, è possibile utilizzare:

$route.reload();

Secondo la documentazione di AngularJS :

Fa sì che il servizio $ route ricarichi il percorso corrente anche se $ location non è cambiato.

Di conseguenza, ngView crea un nuovo ambito, reinventa il controller.

$route.reload()reinizializzerà i controller ma non i servizi. Se si desidera ripristinare l'intero stato dell'applicazione è possibile utilizzare:

$window.location.reload();

Questo è un metodo DOM standard a cui è possibile accedere iniettando il servizio $ window .

Se si desidera essere sicuri di ricaricare la pagina dal server, ad esempio quando si utilizza Django o un altro framework Web e si desidera un nuovo rendering lato server, passare truecome parametro a reload, come spiegato nei documenti . Poiché ciò richiede l'interazione con il server, sarà più lento, quindi fallo solo se necessario

Angolare 2

Quanto sopra vale anche per angolare 1. Non sto usando angolare 2, sembra che i servizi sono diversi c'è, c'è Router, Locatione la DOCUMENT. Non ho testato comportamenti diversi lì

Per ricaricare la pagina per un determinato percorso: -

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

Se stai usando un UI-router angolare, questa sarà la soluzione migliore.

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

Beh, forse hai dimenticato di aggiungere "$ route" quando hai dichiarato le dipendenze del tuo Controller:

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

Solo per ricaricare tutto, usa window.location.reload (); con angularjs

Guarda un esempio funzionante

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 si desidera aggiornare il controller durante l'aggiornamento di tutti i servizi in uso, è possibile utilizzare questa soluzione:

• Iniettare $ state

vale a dire

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

Questo aggiornerà il controller e anche l'HTML che puoi chiamare Aggiorna o Ri-Rendering .

Prima di Angular 2 (AngularJs)

Attraverso il percorso

$route.reload();

Se si desidera ricaricare l'intera applicazione

$window.location.reload();

Angolare 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 soluzione più semplice che immaginavo era,

aggiungi '/' al percorso che vuoi ricaricare ogni volta che torni.

per esempio:

invece di quanto segue

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

uso,

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

Prova una delle seguenti:

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

Ho ottenuto questo codice funzionante per rimuovere la cache e ricaricare la pagina

Visualizza

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

controllore

Iniettori: $ scope, $ state, $ stateParams, $ templateCache

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

Utilizzare il seguente codice senza una notifica di ricarica intima all'utente. Renderà la pagina

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

Ho avuto una dura lotta con questo problema per mesi e l'unica soluzione che ha funzionato per me è questa:

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