executing angular functions

Question

i have a html button like this

<md-button type="button"  ng-click="commentDelete(item,$index)" aria-label="change address" >
<md-icon md-svg-icon="img/ic_highlight_remove_24px.svg"></md-icon>
</md-button>

this is my controller

var commentDelete = function(item,index){
   console.log('working')
} 

$scope.commentDelete =commentDelete;

this is working without any problem. but if i try something like this

var myCtrl= function(item,index){
   return {
      commentDelete : function(item,index){
        console.log('working')
      }
   }
} 

 $scope.commentDelete =myCtrl.commentDelete

then it doesn't trigger the commentDelete function. why is that? thanks in advance

I think, myCtrl must be object to use this convention (myCtrl.commentDelete). So, you should declare myCtrl as object. var myCtrl= { commentDelete : function(item,index){ console.log('working') } } — Natiq
– Natiq, Commented Oct 28, 2016 at 12:57

Suren Srapyan · Accepted Answer · 2016-10-28 12:58:35Z

3

Because you assign to the $scope.commentDelete a property of the myCtrl(myCtrl is a function, and it tries to find a commentDelete on it or in the Function). myCtrl is only a function, which returns an object with the function commentDelete.

var myCtrl= function(item,index){
   return {
      commentDelete : function(item,index){
        console.log('working')
      }
   }
} 

 $scope.commentDelete = myCtrl.commentDelete

If you call myCtrl and then get the commentDelete, it will work

$scope.commentDelete = myCtrl().commentDelete;

edited Oct 28, 2016 at 12:58

answered Oct 28, 2016 at 12:51

Suren Srapyan

68.9k14 gold badges128 silver badges119 bronze badges

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

Collectives™ on Stack Overflow

executing angular functions

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related