Difference of function(javascript) vs scope.function(angular function) defined in controller

Question

I want to know the difference between declaration of this two function in angular controller

function demo() {                           
};               

scope.demo = function() {                    
};

Whether this two function are similar in performance or not?,Which one is the better option?

I know only one difference that watch can be applied to a function which is in the scope means angular directive or element can't call javascript function.

@LiviuM. That is not the same. function demo() is not the same as this.demo = function(). function demo() as the OP writes is a private function, and will never be accessible on the scope. — Yngve B-Nilsen
– Yngve B-Nilsen, Commented Jul 23, 2014 at 6:37

Yngve B-Nilsen · Accepted Answer · 2014-07-23 06:42:32Z

4

Consider the following controller:

app.controller('Home', function($scope){
    function thisIsAPrivateMethod(){
      alert('Hello world');
    }

    $scope.thisIsAPublicScopedMethod(){
       alert("I'm shown!");
    }

    thisIsAPrivateMethod(); // will trigger the alert everytime HomeController is instansiated
});

in the view:

<div ng-controller="Home">
    <button ng-click="thisIsAPrivateMethod()">I will not work</button>
<button ng-click="thisIsAPublicScopedMethod()">I should display an alert</button>
</div>

As you see, the private method is only accessible within the controller code itself.

answered Jul 23, 2014 at 6:42

Yngve B-Nilsen

9,6762 gold badges38 silver badges51 bronze badges

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

3 Comments

Satyam Koyani Over a year ago

Here you have called private method with angular directive "ng-click" so angular will find that private method in angular scope but It is not registered in scope so it will not be called.Am I correct?

Yngve B-Nilsen Over a year ago

Not exactly. The first button will fail with a Javascript error, because the function does not exist outside the controller.

Yngve B-Nilsen Over a year ago

@SatyamKoyani Please remember to mark an answer as correct

xi.lin · Accepted Answer · 2014-07-23 06:33:33Z

1

I think the only difference is the visibility of the function. The first one will be global, and the second one can only referred through a angular scope variable.

answered Jul 23, 2014 at 6:33

xi.lin

3,4442 gold badges33 silver badges58 bronze badges

Collectives™ on Stack Overflow

Difference of function(javascript) vs scope.function(angular function) defined in controller

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related