angular-js: Multiple instances of controller being created in ui-router

Question

I have noticed that, whenever a $state.go() is applied to a state with parameter(s) in AngularJS UI-Router, a new instance of the HTML content [for that view] is created each time. Not only the HTML content, but also the controller are being created as many times as newer params are appearing on the $stateParams after calling $state.go() in the program later on.

How do I stop new instances of HTML content and controller to stop appearing, while still passing the params to the $stateParams? I want to use the same controller, same scope and same HTML content for any data that $stateParams holds. Thank you very much in advance!

how do u come to know that multiple instance are created ? can you create a fiddle ? — ngLover
– ngLover, Commented Jul 19, 2015 at 7:05
I'm not exactly sure what you mean by "instance of the HTML content", or what your exact scenario is, but I think what you see is completely expected. Controllers are not singletons like services are. Each time a view with a controller is displayed, a new scope instance and a new controller is created. Why is that a problem? — JB Nizet
– JB Nizet, Commented Jul 19, 2015 at 7:31
@ngLover, multiple instances of HTML codes are being created. Suppose I have a code like <div ui-view>content</div>, multiple instances go like <div ui-view>content</div><div ui-view>content</div>. This applies to anything that the UI-router creates. So you can use any fiddle you like, with a state containing a parameter in its url. — Damodar Dahal
– Damodar Dahal, Commented Jul 19, 2015 at 7:53
@DamodarDahal, you need to show some code. It's pointless to speculate otherwise — New Dev
– New Dev, Commented Jul 19, 2015 at 8:36

Community · Accepted Answer · 2017-05-23 12:14:43Z

1

YES, it is possible. Disable caching.

This is done in various ways. One of the ways would be to be disable caching while defining the states. Eg:

$stateProvider.state("home",
    {
        url:'/home',
        cache:false,
    }

Adapted from ui.router not reloading controller

edited May 23, 2017 at 12:14

CommunityBot

11 silver badge

answered Jul 21, 2015 at 7:23

Damodar Dahal

5794 silver badges16 bronze badges

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

Collectives™ on Stack Overflow

angular-js: Multiple instances of controller being created in ui-router

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related