onclick function in angularjs : nothing happens

Question

I'm little confused with onclick function , with angularjs...

in my controller, i put this :

$('#mapReload').click(function () {
    alert('lol');
});

nothing work... jquery is correctly added, where i'm wrong ?

Why do you need jQuery event binding? Whats wrong with ngClick? — Satpal
– Satpal, Commented Apr 8, 2014 at 12:56
Are you even using angular? Can you update with your controller and template code? — GonchuB
– GonchuB, Commented Apr 8, 2014 at 12:59

Jayesh Chandrapal · Accepted Answer · 2014-04-08 13:04:26Z

1

In your HTML use ng-click for button click:

<button ng-click="reloadMap()">Map Reload</button>

And in your angularJS controller, write click handler:

$scope.reloadMap = function() {
    alert('lol');
};

answered Apr 8, 2014 at 13:04

Jayesh Chandrapal

6847 silver badges11 bronze badges

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

4 Comments

Jayesh Chandrapal Over a year ago

There are two problems with your jsfiddle: 1). ng-controller directive should be given to parent container element. Yours is incorrect. 2). ng-app directive is needed for angular app to work, which i have added in working jsFiddle in fiddle options=>body tag.

zelocalhost Over a year ago

why angularjs is needed in <head> ? i learn to put my JS in last, in <body>

Jayesh Chandrapal Over a year ago

It is only for jsFiddle to work properly. In your server, you can add your angularjs code file at the end of the page and this code will work. You can test jsFiddle with No wrap - in <body> and it will place js code just before </body> and that also will work.

Jayesh Chandrapal Over a year ago

I hope this helped you. Let us know. Thanks.

Collectives™ on Stack Overflow

onclick function in angularjs : nothing happens

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related