How to reload a page using Angularjs?

Question

I have a link. When user will click in this link, then the page will be reloaded. I did it by the following way......

Html

<div data-ng-hide="backHide" class="offset6 pull-right">
     <a href="" data-ng-click="backLinkClick()"><< Back  <br/> <br/></a>
 </div>

JS

$scope.backLinkClick = function () {
            window.location.reload(false); 
        };

In the controller I have used javascript and that seems to me very bad. How can I do it using angularjs

I dont think not using angular is a bad idea here. Simply move your code inside onclick of — AlwaysALearner, Sep 13 '13 at 07:38
if you have to use `window` you should use the wrapper: `$window`. however, `$route.reload()` is probably what you're looking for. — Eduard Gamonal, Sep 13 '13 at 07:39
possible duplicate of [How to reload or re-render the entire page using AngularJS](http://stackoverflow.com/questions/16703215/how-to-reload-or-re-render-the-entire-page-using-angularjs) — Scotty.NET, Feb 25 '14 at 09:45
Possible duplicate of [AngularJs: Reload page](https://stackoverflow.com/questions/21885518/angularjs-reload-page) — Alena Kastsiukavets, Aug 03 '17 at 12:54
Hey @AlenaKastsiukavets, can you check the date? Which question has been asked at first? — Atish Kumar Dipongkor, Aug 03 '17 at 13:05
@AtishDipongkor I agree, this one is older, but the answers are better for the other question, so it is more useful... — Alena Kastsiukavets, Aug 03 '17 at 13:12
so you can give it as a useful link. you can not mark my question as a duplicate, can you?? @AlenaKastsiukavets — Atish Kumar Dipongkor, Aug 03 '17 at 13:17

score 35 · Accepted Answer · edited May 23 '17 at 11:55

35

Be sure to include the $route service into your scope and do this:

$route.reload();

See this:

How to reload or re-render the entire page using AngularJS

edited May 23 '17 at 11:55

Community

1
1

answered Sep 13 '13 at 07:36

Scalpweb

1,971
1
12
14

2

I sometimes have to recompile the page without reloading it (e.g. I have a special way of localizing it). Then I just call `$compile(angular.element('whatever div wrapping ng-view')(scope))` – Eduard Gamonal Sep 13 '13 at 07:41

score 7 · Answer 2 · answered Sep 28 '16 at 19:09

7

You can also try this, after injecting $window service.

$window.location.reload();

answered Sep 28 '16 at 19:09

justnajm

4,422
6
36
56

I'm not using angular routing and this worked perfectly for me. – MeanMatt May 25 '17 at 20:20

score 3 · Answer 3 · edited Nov 18 '15 at 15:32

3

You need $route defined in your module and change the JS to this.

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

that works fine for me.

edited Nov 18 '15 at 15:32

Preview

35,317
10
92
112

answered Nov 28 '13 at 22:10

user2975967

87
1

2

Why so many negative? Any arguments? I understand using this is a bad idea, but just downvote and don't describe why is not better. – alexche8 Dec 30 '14 at 15:37
1

@alexche8 There many things wrong with post. First the users says you need $route defined in your module than goes and totally ignores it himself by using window.location.reload which is till an other bad practice in angular apps(use $window wrapper instead of window otherwise your breaking angular abstraction). user2975967 is suggestion a bad but working solution. – Dynamikus Jan 23 '15 at 02:55

score 0 · Answer 4 · answered Aug 08 '17 at 15:03

0

$scope.rtGo = function(){
            $window.sessionStorage.removeItem('message');
            $window.sessionStorage.removeItem('status');
        }

answered Aug 08 '17 at 15:03

Srija Nakka

39
4

How to reload a page using Angularjs?

4 Answers4

Linked