Cara memuat ulang atau merender ulang seluruh halaman menggunakan AngularJS

Setelah merender seluruh halaman berdasarkan beberapa konteks pengguna dan telah membuat beberapa $httppermintaan, saya ingin pengguna dapat mengubah konteks dan merender kembali semuanya lagi (mengirim ulang semua $httppermintaan, dll). Jika saya mengarahkan ulang pengguna ke tempat lain, semuanya berfungsi dengan baik:

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

Jika saya menggunakan $window.location.reload(), maka beberapa $httppermintaan auth.impersonate(username)yang sedang menunggu balasan dibatalkan, jadi saya tidak bisa menggunakannya. Juga, peretasan $location.path($location.path())tidak berhasil (tidak ada yang terjadi).

Apakah ada cara lain untuk merender ulang halaman tanpa secara manual mengeluarkan semua permintaan lagi?

Sebagai catatan, untuk memaksa sudut membuat ulang halaman saat ini, Anda dapat menggunakan:

$route.reload();

Menurut dokumentasi AngularJS :

Menyebabkan layanan $ route untuk memuat ulang rute saat ini bahkan jika $ location tidak berubah.

Sebagai akibatnya, ngView menciptakan ruang lingkup baru, mengembalikan pengendali.

$route.reload()akan menginisialisasi ulang pengendali tetapi bukan layanan. Jika Anda ingin mengatur ulang seluruh kondisi aplikasi Anda, Anda dapat menggunakan:

$window.location.reload();

Ini adalah metode DOM standar yang dapat Anda akses dengan menyuntikkan layanan $ window .

Jika Anda ingin memastikan untuk memuat ulang halaman dari server, misalnya ketika Anda menggunakan Django atau kerangka kerja web lainnya dan Anda menginginkan render sisi server yang baru, berikan truesebagai parameter reload, seperti yang dijelaskan dalam dokumen . Karena itu memerlukan interaksi dengan server, itu akan lebih lambat jadi lakukan itu hanya jika perlu

Sudut 2

Di atas berlaku untuk sudut 1. Saya tidak menggunakan sudut 2, terlihat seperti layanan yang berbeda ada, ada Router, Location, dan DOCUMENT. Saya tidak menguji perilaku yang berbeda di sana

Untuk memuat ulang halaman untuk jalur rute tertentu: -

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

Jika Anda menggunakan ui-router sudut, ini akan menjadi solusi terbaik.

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

Mungkin Anda lupa menambahkan "$ route" ketika mendeklarasikan dependensi dari Controller Anda:

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

Hanya untuk memuat ulang semuanya, gunakan window.location.reload (); dengan angularjs

Lihat contoh kerja

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/

Jika Anda ingin menyegarkan pengontrol saat menyegarkan layanan apa pun yang Anda gunakan, Anda dapat menggunakan solusi ini:

• Suntikkan $ state

yaitu

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

Ini akan menyegarkan controller dan HTML juga Anda bisa menyebutnya Refresh atau Re-Render .

Sebelum Angular 2 (AngularJs)

Melalui rute

$route.reload();

Jika Anda ingin memuat ulang seluruh Aplikasi

$window.location.reload();

2 Sudut

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

constructor(private location: Location) {}

ngOnInit() {  }

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

Atau

constructor(private location: Location) {}

ngOnInit() {  }

Methods (){
    this.ngOnInit();
}

Solusi termudah yang saya pikir adalah,

tambahkan '/' ke rute yang ingin dimuat ulang setiap kali kembali.

misalnya:

bukannya yang berikut ini

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

menggunakan,

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

Coba salah satu dari yang berikut:

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

Saya mendapatkan kode ini untuk menghapus cache dan memuat ulang halaman

Melihat

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

Pengendali

Injector: $ scope, $ state, $ stateParams, $ templateCache

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

Gunakan kode berikut tanpa pemberitahuan reload yang intim kepada pengguna. Itu akan membuat halaman

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

Saya telah berjuang keras dengan masalah ini selama berbulan-bulan, dan satu-satunya solusi yang bekerja untuk saya adalah ini:

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