Angular element.html() event bind

Question

I need some operation like this:
user selects a html template, then the html will be injected by element.html('AB....') in a directive.
i want to bind click event for all spans.
if i write like this element.html('A'), this doesn`t work.
my question is how to bind event for those spans?

tymeJV · Accepted Answer · 2014-07-24 14:53:01Z

2

Use $compile for Angular to recognize it:

element.html(
    $compile('<span ng-click="action()">A</span>')(scope)
);

answered Jul 24, 2014 at 14:53

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

1 Comment

Yubin Duan Over a year ago

awesome! it works ^_^， but i use element.append instead of element.html

Collectives™ on Stack Overflow

Angular element.html() event bind

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related