jQuery click events not firing within AngularJS templates

Question

This may be a bit of strange case where nobody has ever experienced this before, but I\'m posting this on the off-chance that somebody knows something I don\'t.

I\'m

Answer 1

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.