jQuery click events not firing within AngularJS templates

Since your clickme probably isn’t available on DOM ready – rather it is pushed into the DOM by Angular when it loads template.html – you need to use jQuery’s event delegation instead of using .click:

$(document).on("click", ".clickme", function() {
  console.log("click");
});

This will ensure jQuery binds onto the document, then monitors for any click events on elements with the clickme class.

Leave a Comment