How to reload whole page in AngularJS through Module.js?

Question

I want to reload the whole page through module.js.

Calling controller

 $state.go("app.home");

 $stateProvider
        .state('app.home', {
            url: '/home',
            data: {
                title: 'About'
            },
            views: {
                "content@app": {
                    templateUrl: 'app/home/views/home.html',
                    controller: 'HomeController'
                }
            }
        })

Now I'm using location.reload for reloading the page. But when I putted location.reoload in HomeController then it is reloading infinite time. That's why I want to reload only first time my page through $stateprovider. I've seen one link How to reload or re-render the entire page using AngularJS. But I'm not able to solve my problem, Because I want to reload the page through Module.js. And $state.reload(); is refresh the state not reload the page.

Please explain `reload only first time` with more details. What is the definition of "first time" in your case? — lin, Nov 02 '17 at 07:54
When I navigate to HomeController controller this controller reload only first time. — Varun Sharma, Nov 02 '17 at 08:41
Because when I putted location.reload in HomeController then it is reloading infinite time — Varun Sharma, Nov 02 '17 at 08:42

lin · Accepted Answer · 2017-11-02T09:36:30.977

0

You could save a "first time state" in a cookie param to ensure its only reloaded the "first time" to prevent your infinite loop. Put this stuff inside your HomeController controller:

if (!$cookies.get('firsttime')) {
  $cookies.put('firsttime', true);
  $window.location.reload();
}

>> Demo plnkr (The about view gets reloaded on "firsttime")

edited Nov 02 '17 at 09:36

answered Nov 02 '17 at 08:57

lin

17,956
4
59
83

Could you explain meaning of--> You could save a "first time state" – Varun Sharma Nov 02 '17 at 09:07

How to reload whole page in AngularJS through Module.js?

1 Answers1