Controller function called twice in angular

Question

I'm currently getting to grips with angular and I'm a complete new guy to it, I've put together a jsfiddle for the issue.

But in short I'm not sure why my function attached to the angular scope is called twice.

Script

var registrationModule = angular.module("registrationModule", []);
registrationModule.controller("NavigationController",  function ($scope) {
    $scope.menuItems = [{ text: 'Home'}];
    alert("hi");
    $scope.getClass = function (path) {
        alert("getClass");
        return "frank";
    };
});

HTML

<body ng-app="registrationModule">
<div class="collapse navbar-collapse navbar-responsive-collapse">
    <ul class="nav navbar-nav navbar-right" ng-controller="NavigationController">
        hi {{ getClass(); }} butcher
    </ul>
</div>
</body>

http://jsfiddle.net/6F55K/1/

Any tips?

it's the angularjs digest cycle

JoseM
– JoseM

2014-03-19 19:59:20 +00:00
Commented Mar 19, 2014 at 19:59 — JoseM
– JoseM, Commented Mar 19, 2014 at 19:59

DRiFTy · Accepted Answer · 2014-03-19 20:30:22Z

2

The Angular digest loop is built to work this way. Any expressions in your view will be executed at least once.

When the view is compiled it will call your getClass() function to get a value, then it will run the digest loop again to see if anything has changed since its previous call. This is how it knows that your view is up to date.

answered Mar 19, 2014 at 20:30

DRiFTy

11.4k11 gold badges63 silver badges78 bronze badges

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

Comments

Tom P. · Accepted Answer · 2014-03-19 20:24:32Z

0

Noel's answer didn't work for me. How about changing the function so it sets a variable?

registrationModule.controller("NavigationController",  function ($scope) {
    $scope.menuItems = [{ text: 'Home'}];
    alert("hi");
    $scope.setClass = function (path) {
        alert("setClass");
        $scope.class = "frank";
    };
});

Check out this fiddle: http://jsfiddle.net/6F55K/3/

answered Mar 19, 2014 at 20:24

Tom P.

7121 gold badge5 silver badges17 bronze badges

1 Comment

Noel Over a year ago

I thought it was an issue with route registration... it didn't work for me either :)

Collectives™ on Stack Overflow

Controller function called twice in angular

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related