Як перезавантажити або відновити всю сторінку за допомогою AngularJS

Після рендерингу всієї сторінки на основі декількох контекстів користувачів і зробивши кілька $httpзапитів, я хочу, щоб користувач міг перемикати контексти і повторно рендерувати все (повторно відсилаючи всі $httpзапити тощо). Якщо я просто перенаправляю користувача кудись інше, все працює належним чином:

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

Якщо я використовую $window.location.reload(), то деякі $httpзапити auth.impersonate(username), які очікують на відповідь, скасовуються, тому я не можу цим скористатися. Також хак $location.path($location.path())не працює (нічого не відбувається).

Чи є інший спосіб відновити сторінку, не вручну знову надсилаючи всі запити?

Для запису, щоб змусити кут повторно відредагувати поточну сторінку, ви можете використовувати:

$route.reload();

Відповідно до документації AngularJS :

Викликає службу $ route для перезавантаження поточного маршруту, навіть якщо $ location не змінилося.

У результаті цього, ngView створює новий діапазон, відновляє контролер.

$route.reload()реініціалізуватиме контролери, але не служби. Якщо ви хочете скинути весь стан вашої програми, ви можете скористатися:

$window.location.reload();

Це стандартний метод DOM, до якого ви можете отримати ін'єкцію послуги $ window .

Якщо ви хочете, щоб перезавантажити сторінку з сервера, наприклад, коли ви використовуєте Django або інший веб-фреймворк і хочете свіже візуалізація на стороні сервера, передайте trueяк параметр reload, як пояснено в документах . Оскільки для цього потрібна взаємодія з сервером, це буде повільніше, тому робіть це лише за потреби

Кутовий 2

Вищесказане відноситься до кутового 1. Я не використовую Кутові 2, виглядає як послуги різні, там є Router, Locationі DOCUMENT. Я там не перевіряв різну поведінку

Для перезавантаження сторінки для певного маршруту маршруту: -

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

Якщо ви використовуєте кутовий ui-роутер, це буде найкращим рішенням.

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

Ну, можливо, ви забули додати "$ route", заявляючи про залежність свого контролера:

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

Просто для перезавантаження всього використовуйте window.location.reload (); з кутовими

Перевірте робочий приклад

HTML

<div ng-controller="MyCtrl">  
<button  ng-click="reloadPage();">Reset</button>
</div>

кутовийJS

var myApp = angular.module('myApp',[]);

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

http://jsfiddle.net/HB7LU/22324/

Якщо ви хочете оновити контролер під час оновлення будь-яких служб, які ви використовуєте, ви можете скористатися цим рішенням:

• Введіть $ state

тобто

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

Це оновить контролер та HTML, а також ви можете назвати його Refresh або Re-Render .

Перед Angular 2 (AngularJs)

Через маршрут

$route.reload();

Якщо ви хочете перезавантажити всю програму

$window.location.reload();

Кутовий 2+

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

constructor(private location: Location) {}

ngOnInit() {  }

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

Або

constructor(private location: Location) {}

ngOnInit() {  }

Methods (){
    this.ngOnInit();
}

Найпростішим рішенням я вважав:

додайте "/" до маршруту, який потрібно перезавантажувати кожного разу, коли повертаєтесь.

наприклад:

замість наступного

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

використання,

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

Спробуйте одне з наступного:

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

Я отримав цей робочий код для видалення кешу та перезавантаження сторінки

Вид

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

Контролер

Інжектори: $ range, $ state, $ stateParams, $ templateCache

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

Використовуйте наступний код без інтимного повідомлення про перезавантаження користувача. Це відобразить сторінку

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

Я багато місяців боровся з цією проблемою, і єдине рішення, яке працювало на мене, це:

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