Angular ng-click not working on dynamically created html

Asked Jan 15 '15 at 10:34

Active Feb 26 '15 at 18:22

Viewed 758 times

I am using jQuery datatable and wanted to attach an ng-click on an <a> tag. The datatable code which does the same is below:

columns : [{
                type : "html",
                data : 'abcd',
                sTitle : 'xyz',
                render : function(data) {
                    return "<a href='javascript:void(0)' ng-click='hello()'>Hi</a>";
                }
         }]

ng-click is not getting called, so I tried:

return $compile("<a href='javascript:void(0)' ng-click='hello()'>Hi</a>")($scope);

which is returning a jQuery object and not the string.

Also, what is the correct way for attaching directives for dynamically created HTML elements?

edited Feb 26 '15 at 18:22

alex

6,818
9
52
103

asked Jan 15 '15 at 10:34

lintu

1,092
11
24

2

http://stackoverflow.com/questions/19267979/ng-click-not-working-from-dynamically-generated-html – Nibin Jan 15 '15 at 10:42
@Outlooker For creating the directive i need to have an html tag. right?. Here the tag is created by datatable. – lintu Jan 15 '15 at 11:35
provide a fiddle mate.might make it lot easier – Nibin Jan 15 '15 at 11:54

Angular ng-click not working on dynamically created html

0 Answers0