AngularJS kullanarak sayfanın tamamını yeniden yükleme veya yeniden oluşturma

Tüm sayfayı birkaç kullanıcı bağlamına göre oluşturduktan ve birkaç $httpistekte bulunduktan sonra , kullanıcının bağlamları değiştirebilmesini ve her şeyi yeniden oluşturabilmesini istiyorum (tüm $httpistekleri yeniden gönderme vb.). Kullanıcıyı başka bir yere yönlendirirsem işler düzgün çalışır:

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

Eğer kullanırsam $window.location.reload(), o zaman bir yanıt bekleyen bazı $httpistekleri auth.impersonate(username)iptal edilir, bu yüzden bunu kullanamam. Ayrıca, kesmek de $location.path($location.path())çalışmıyor (hiçbir şey olmuyor).

Tüm istekleri tekrar göndermeden sayfayı yeniden oluşturmanın başka bir yolu var mı?

Kayıt için, açısal sayfayı geçerli sayfayı yeniden oluşturmaya zorlamak için şunları kullanabilirsiniz:

$route.reload();

AngularJS belgelerine göre :

$ Konumu değişmemiş olsa bile $ route hizmetinin geçerli yolu yeniden yüklemesine neden olur.

Sonuç olarak, ngView yeni bir kapsam oluşturur, denetleyiciyi yeniden başlatır.

$route.reload()denetleyicileri yeniden başlatır, ancak hizmetleri yeniden başlatır. Başvurunuzun tüm durumunu sıfırlamak istiyorsanız şunları kullanabilirsiniz:

$window.location.reload();

Bu, $ window hizmetini enjekte etmeye erişebileceğiniz standart bir DOM yöntemidir .

Sayfayı sunucudan yeniden yüklediğinizden emin olmak istiyorsanız, örneğin Django veya başka bir web çerçevesi kullanırken ve yeni bir sunucu tarafı oluşturma istiyorsanız , dokümanlarda açıklandığı truegibi bir parametre reloadolarak iletin . Bu, sunucu ile etkileşim gerektirdiğinden, daha yavaş olacaktır, bu yüzden yalnızca gerektiğinde yapın

Açısal 2

Yukarıdaki ben Açısal 2 kullanmıyorum açısal 1. uygulanır, hizmetleri gibi görünüyor, orada orada farklıdır Router, Locationve DOCUMENT. Orada farklı davranışları test etmedim

Belirli bir rota yolu için sayfayı yeniden yüklemek için: -

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

Açısal ui-yönlendirici kullanıyorsanız , bu en iyi çözüm olacaktır.

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

Denetleyicinizin bağımlılıklarını beyan ederken "$ route" eklemeyi unutmuş olabilirsiniz:

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

Her şeyi yeniden yüklemek için window.location.reload () öğesini kullanın; angularjs ile

Çalışma örneğine göz atın

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/

Kullandığınız hizmetleri yenilerken denetleyiciyi yenilemek istiyorsanız, bu çözümü kullanabilirsiniz:

• $ State enjekte et

yani

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

Bu, denetleyiciyi ve HTML'yi yenileyecek ve Yenile veya Yeniden Oluştur olarak da adlandırabilirsiniz .

Açısal 2'den Önce (Açısal J'ler)

Güzergah boyunca

$route.reload();

Tüm Uygulamayı yeniden yüklemek istiyorsanız

$window.location.reload();

Açısal 2+

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

constructor(private location: Location) {}

ngOnInit() {  }

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

Veya

constructor(private location: Location) {}

ngOnInit() {  }

Methods (){
    this.ngOnInit();
}

Anladığım en kolay çözüm,

her geri döndüğünde yeniden yüklenmesini istediğiniz rotaya '/' ekleyin.

Örneğin:

aşağıdakiler yerine

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

kullanımı

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

Aşağıdakilerden birini deneyin:

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

Önbelleği kaldırmak ve sayfayı yeniden yüklemek için bu çalışma kodunu aldım

Görünüm

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

kontrolör

Enjektörler: $ scope, $ state, $ stateParams, $ templateCache

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

Kullanıcıya samimi yeniden yükleme bildirimi olmadan aşağıdaki kodu kullanın. Sayfayı oluşturacak

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

Aylarca bu sorunla mücadele ettik ve benim için çalışan tek çözüm şuydu:

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