AngularJS controller executes twice (not because of router)

Question

From what I read, the most common cause of this problem is when the controller is included in the template and in the route provider. In my case, only the parent template containing this html is being included in the router, and has its own controller. The sub-templates are being included as a result of a menu selection

So, whenever the menu item is selected, the template gets loaded in, and everything in the controller executes twice. Can it be a product of the the ng-switch or ng-include?

<span ng-switch on="selection">
    <div ng-switch-when="0">
        <div ng-include="'partials/one.html'" ng-controller="oneController"></div>
    </div>
    <div ng-switch-when="1">
        <div ng-include="'partials/two.html'" ng-controller="twoController"></div>
    </div>
    <div ng-switch-when="2">
        <div ng-include="'partials/three.html'" ng-controller="threeController"></div>
    </div>
</span>

Edit:

The included partials do not include the controller again. I've triple checked that these controllers are not mentioned anywhere other than this piece of code. The contents of the one/two/three partials look like this, and the controller still runs twice.

<div>Nothing to see here.</div>

I made a plunkr with the details you provided but I cannot seem to duplicate your results. plnkr.co/edit/r8DrDIYENCOw0xZ8lZyu. Can you check if I am missing anything? — km6zla
– km6zla, Commented Mar 31, 2014 at 20:26
Perhaps add a $watch to selection and log out its value when it changes. — km6zla
– km6zla, Commented Mar 31, 2014 at 20:31

dave · Accepted Answer · 2014-03-31 19:30:58Z

1

I am making an educated guess here... but does your "'partials/one.html'" also have a ng-controller="oneController" in it? If so, you either need to remove the ng-controller declaration from your include div or from your partial.

answered Mar 31, 2014 at 19:30

dave

65.1k6 gold badges81 silver badges98 bronze badges

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

1 Comment

Tantelope Over a year ago

It does not. I understand that the most common way that this error comes up is when the controllers get nested by accident.

Collectives™ on Stack Overflow

AngularJS controller executes twice (not because of router)

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related