Creating Edit/Delete buttons using server side processing (refs #16)

I want to add edit and delete icons in my table so that user can easily edit as well as delete records. When user click on edit icon they should be navigated to edit page.

I need exactly the same stuff for server side processing. What I found out so far that I can create the column dynamically with:

$scope.dtColumns = [
...
DTColumnBuilder.newColumn(-1).withTitle('Edit').renderWith(function(data, type, full) {
  return '<button ng-click="alert(\'edit\')">Edit</button><button ng-click="alert(\'delete\')">Delete</button>';
})
...
];

Of course the click handler doesn’t work because it is not parsed by Angular. Or can I achieve my goal with another approach?

[samueldotfr]

Replace ng-click="showModal(' + data + ')"

By ng-click="showModal(\'' + data + '\')"

[DurgpalSingh]

I do not want to use $compile and also not using the Angular way… so can you suggest me any other way to bind edit and delete button to angular data table. Thanks