ng-click is not working angular 1.2

Question

My code is:

var tr = $event.currentTarget;      
var el = angular.element("<tr class='detailed-document'><td colspan='3' ng-click='alert();'>Hello</td></tr>");      
var elements = document.getElementsByClassName("detailed-document");
while(elements.length > 0) {
    elements[0].parentNode.removeChild(elements[0]);    
}   
angular.element(tr).after(el);

For What reason he look on to ng-include why? the OP asking about why ng-click not working? — Sudharsan S, Dec 28 '16 at 09:34
this link helps you http://stackoverflow.com/questions/19267979/ng-click-not-working-from-dynamically-generated-html — Sudharsan S, Dec 28 '16 at 09:38
ng-click is compile and link during digest. You seem to try to do DOM manipulation directly. Try to learn about angularjs directive. — Zamrony P. Juhara, Dec 28 '16 at 09:39
http://stackoverflow.com/questions/30468856/ng-click-not-working-in-dynamically-created-content — Sudharsan S, Dec 28 '16 at 09:39

score 0 · Answer 1 · edited May 23 '17 at 12:16

0

you need to add $compile service here, that will bind the angular directives like ng-click to your controller scope.Something like:

var divTemplate = '..your div template';
var temp = $compile(divTemplate)($scope);

Then append it to the HTML:

angular.element(document.getElementById('foo')).append(temp);

Referred from : ng-click not working in dynamically created content

edited May 23 '17 at 12:16

Community

1
1

answered Dec 28 '16 at 09:39

Ramesh Rajendran

37,412
45
153
234

ng-click is not working angular 1.2

1 Answers1