jquery - Registering ng-click in Angular after external data is loaded into datagrid -

I am working on creating an app in fingers, and one of the main components is a datagrid. I am using jquery-easyui datagrid which is embedded with a backend script. The problem I am facing is that once the data grid is loaded, I will be able to click on the matching headers and get a warning needed. I am loading the datagrid in an angle director's link object.

I have tried two approaches that the data is adding a "ng-click" attribute after loading, and the second is using the 'click' function. None of them ever triggers any event, the element is added to the element, but nothing happens on the click I have the $ compile ($ ('. Class')) ($ radius); is used after adding the attribute, but there is still nothing I'm actually trying to learn kangaroo, and any feedback is appreciated.

I apply the changes mentioned in the answer given to Vojensto, but the ng-click attribute is still not firing. It has been said here that simple-datagrid looks like HTML like injection:

  & lt; Div class = "datagrid-view" & gt; & Lt; / Div & gt; ..... & lt; Div class = "datagrid-group" & gt; & Lt; / Div & gt; & Lt; Table & gt; & Lt; Tbody & gt; & Lt; TR & gt; & Lt; TD & gt; & Lt; Span class = "datagrid-group-title" & gt; & Lt; / Span & gt; "Data Grid-Group-Title" is the class I'm targeting, I'm able to add ng-click, but the function Is never called. In angular, I've added it: ` 
 
 
   $ ('.datagrid-group-title'). $ Collection ($ ('.datagrid-view .datagrid-group') [0]) ($ radius);  

Thanks again for your feedback.

Try using an existing datagrid implementation for the corner.

For example

Additionally, jQuery.on ('click', fn) should work fine - but the $ range Remember to call. $ Digest or apply for state updates $ () You apply callback to an attribute area in your command: {clickClallback: "& amp;} and $ el.click (function () {$ scope.clickClallback () (); $ scope. $ Apply ())