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 <a tag: onclick="window.location.reload(false)" — AlwaysALearner
– AlwaysALearner, Commented Sep 13, 2013 at 7: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
– Eduard Gamonal, Commented Sep 13, 2013 at 7:39
possible duplicate of How to reload or re-render the entire page using AngularJS — Scotty.NET
– Scotty.NET, Commented Feb 25, 2014 at 9:45

Community · Accepted Answer · 2017-05-23 11:55:07Z

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, 2017 at 11:55

CommunityBot

11 silver badge

answered Sep 13, 2013 at 7:36

Scalpweb

1,9711 gold badge12 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Eduard Gamonal Over a year ago

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

justnajm · Accepted Answer · 2016-09-28 19:09:05Z

7

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

$window.location.reload();

answered Sep 28, 2016 at 19:09

justnajm

4,5546 gold badges39 silver badges57 bronze badges

1 Comment

MeanMatt Over a year ago

I'm not using angular routing and this worked perfectly for me.

Preview · Accepted Answer · 2015-11-18 15:32:53Z

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, 2015 at 15:32

Preview

35.9k10 gold badges95 silver badges113 bronze badges

answered Nov 28, 2013 at 22:10

user2975967

871 bronze badge

2 Comments

oleckkxs Over a year ago

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.

Dynamikus Over a year ago

@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.

Srija Nakka · Accepted Answer · 2017-08-08 15:03:31Z

0

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

answered Aug 8, 2017 at 15:03

Srija Nakka

394 bronze badges

Collectives™ on Stack Overflow

How to reload a page using Angularjs?

4 Answers 4

1 Comment

1 Comment

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related