How to make ng-click from injected html to work?

Question

I'm using datatables along with angular and I have this piece of code:

   render: function (data, type, full, meta) {
         var buttonHtml = '<div style="text-align: center;">' +
                          '<button data-toggle="modal" data-target="#myModal" class="btn btn-primary btn-xs" data-ng-click="loadModal(' + meta.row + ')">' +
                          '<i class="fa fa-folder-open-o"></i>&nbsp;View' +
                          '</button>' +
                          '</div>';

         return buttonHtml;
    }

The above it's a handler from datatables to dynamically format a column based on data.

The problem is that the ng-click handler (loadModal) is never called and I guess because the html is never compiled. How could I solve this issue?

is meta.row integer or string ? – tanaydin Dec 08 '14 at 01:31 — tanaydin, Dec 08 '14 at 01:31

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

0

Have a look at this answer: Angular: ng-bind-html filters out ng-click? it includes an example of a compile directive.

edited May 23 '17 at 12:14

Community

1
1

answered Dec 08 '14 at 01:56

Leo Farmer

7,730
5
31
47

How to make ng-click from injected html to work?

1 Answers1