Angular click event is not working

Question

I am trying to pass an angular variable into a function click call. this is what im trying to do so far:

<button onclick="dialogBox(id)">Cancel</button>     

    $scope.dialogBox = function (id) {
     console.log('Succesfully submitted id: '+id);
    });

@Dylan is spot on about ng-click instead of onclick. Make sure that the dialogBox function is available to the scope that the button is on (typically inside a controller or directive). Also, what's the id variable? with the given code, id isn't defined. — mmm
– mmm, Commented Nov 30, 2014 at 0:47

Tong Shen · Accepted Answer · 2014-11-30 00:58:14Z

2

onclick is a normal JavaScript event binder instead of an Angular one. You need to use global variables/functions in the onclick expression. However, in your code, dialogBox() is a function of $scope. So, if your button tag is wrapped inside the corresponding controller, just use ng-click instead. Like:

<button ng-click="dialogBox(id)">Cancel</button>

answered Nov 30, 2014 at 0:58

Tong Shen

1,3669 silver badges18 bronze badges

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

2 Comments

David L Over a year ago

As a reminder, if you found this answer useful (and you should, since it is the correct answer), you should select it as the answer.

user4307622 Over a year ago

Thanks. that was the issue.

vaibhav kulkarni · Accepted Answer · 2014-11-30 06:09:26Z

0

ng-click is the to slove this problem

<button ng-click="dialogBox(id)">Cancel</button>

answered Nov 30, 2014 at 6:09

vaibhav kulkarni

1,80817 silver badges22 bronze badges

Collectives™ on Stack Overflow

Angular click event is not working

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related