Angularjs: How to reload or refresh ui-view using ui-router

Question

I am using angular ui-router. It has state in each routing, but I am not able to reload the state. Here are my code

app.config(function ($urlRouterProvider, $stateProvider) {
$urlRouterProvider.otherwise("/home");
$stateProvider
    .state('home', {
        url: "/home",
        controller: 'HomeController',
        views: {
        "viewHome": {
            templateUrl: "home.html"
        },

    })
}

in HTML

<a href="#/home">Home</a>

When I clicked on Home link then it redirected to home url but when I was trying to click again the home link then its not refresh the same state, It must be refresh the home state and again call the HomeController. Please give me some solution for this.

May be this topic hepl you [stackoverflow.com/questions/11267284/… [1]: stackoverflow.com/questions/11267284/… — iKBAHT
– iKBAHT, Commented Sep 27, 2013 at 10:25

blockloop · Accepted Answer · 2014-08-26 19:33:33Z

8

Using angular-ui-router I'm successfully reloading a state with:

$state.go($state.current.name, {}, {reload: true})

This reloads the state and re-inits the controller.

answered Aug 26, 2014 at 19:33

blockloop

5,7655 gold badges32 silver badges31 bronze badges

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

3 Comments

jrista Over a year ago

I don't believe this re-inits the controller. It just seems to reload the state...this seems to have the same problem as simply calling $state.reload(); Is there something I am missing?

blockloop Over a year ago

According to angular-ui-router's documentation the controllers are supposed to reinstantiate. There was a bug for some time, but by testing versions 0.2.11 and 0.2.10 of angular-ui-router the bug seems to be fixed in v0.2.11. See here and change the versions between the two and you can see the fix.

jrista Over a year ago

Upped to 0.2.13, seems to work. FWIW, .reload() also seems to work with that version as well. Thanks!

fusio · Accepted Answer · 2013-08-19 06:31:16Z

7

Try adding target="_self" to the a. You can also use $window.location. Also $route.reload() should do the trick.

answered Aug 19, 2013 at 6:31

fusio

3,6756 gold badges35 silver badges52 bronze badges

9 Comments

Anil Kumar Pandey Over a year ago

target="_self" not working... and where to put $window.location or $route.reload(), because its not working inside HomeController

fusio Over a year ago

you need to import the $window or the $route respectively into the controller in order to use them

Anil Kumar Pandey Over a year ago

Thanks for suggestions @fusio but its not working. May be its because I am using ui-router and it has state provider, I have also tried $state.transitionTo("home") but its also not working any more

fusio Over a year ago

Oh, I see. Did you try $state.go()? (it should use transitionTo internally, so I am not sure it will help..)

Anil Kumar Pandey Over a year ago

Yes, but it throws an error in console TypeError: Object #<Object> has no method 'go' its because $state.go() is available in Latest alpha 0.0.2 version and its not a stable version thats why I am using previous version 0.0.1.

|

uhbif19 · Accepted Answer · 2017-09-15 10:02:56Z

2

You can give which state you want to call it's will reload your page and controller. This code is working for me:

$state.go($state.current.name, {}, {reload: true})

or

$state.go('state.name',{},{reload:true});

edited Sep 15, 2017 at 10:02

uhbif19

3,2743 gold badges30 silver badges51 bronze badges

answered Sep 15, 2017 at 9:22

Jyoti Adhikari

211 silver badge2 bronze badges

Comments

Lukas Cerny · Accepted Answer · 2016-06-18 16:12:02Z

-2

Try using:

$window.location.reload()

Reloads the content of the page. Type this line inside any controller you want to have it in.

answered Jun 18, 2016 at 16:12

Lukas Cerny

524 bronze badges

Collectives™ on Stack Overflow

Angularjs: How to reload or refresh ui-view using ui-router

4 Answers 4

3 Comments

9 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

9 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related