Correct example on binding angular directive

Author: l-lin

demo/advanced/bindAngularDirective.html

@@ -38,6 +38,7 @@ <h1><i class="fa fa-play"></i>&nbsp;Binding Angular directive to the DataTable</
     vm.edit = edit;
     vm.delete = deleteRow;
     vm.dtInstance = {};
+    vm.persons = {};
     vm.dtOptions = DTOptionsBuilder.fromSource('data1.json')
         .withPaginationType('full_numbers')
         .withOption('createdRow', createdRow);
@@ -49,14 +50,14 @@ <h1><i class="fa fa-play"></i>&nbsp;Binding Angular directive to the DataTable</
             .renderWith(actionsHtml)
     ];
 
-    function edit(id) {
-        vm.message = 'You are trying to edit the row with ID: ' + id;
+    function edit(person) {
+        vm.message = 'You are trying to edit the row: ' + JSON.stringify(person);
         // Edit some data and call server to make changes...
         // Then reload the data so that DT is refreshed
         vm.dtInstance.reloadData();
     }
-    function deleteRow(id) {
-        vm.message = 'You are trying to remove the row with ID: ' + id;
+    function deleteRow(person) {
+        vm.message = 'You are trying to remove the row: ' + JSON.stringify(person);
         // Delete some data and call server to make changes...
         // Then reload the data so that DT is refreshed
         vm.dtInstance.reloadData();
@@ -66,10 +67,11 @@ <h1><i class="fa fa-play"></i>&nbsp;Binding Angular directive to the DataTable</
         $compile(angular.element(row).contents())($scope);
     }
     function actionsHtml(data, type, full, meta) {
-        return '<button class="btn btn-warning" ng-click="showCase.edit(' + data.id + ')">' +
+        vm.persons[data.id] = data;
+        return '<button class="btn btn-warning" ng-click="showCase.edit(showCase.persons[' + data.id + '])">' +
             '   <i class="fa fa-edit"></i>' +
             '</button>&nbsp;' +
-            '<button class="btn btn-danger" ng-click="showCase.delete(' + data.id + ')">' +
+            '<button class="btn btn-danger" ng-click="showCase.delete(showCase.persons[' + data.id + '])")">' +
             '   <i class="fa fa-trash-o"></i>' +
             '</button>';
     }

demo/advanced/bindAngularDirective.js

@@ -41,7 +41,7 @@ function BindAngularDirectiveCtrl($scope, $compile, DTOptionsBuilder, DTColumnBu
         return '<button class="btn btn-warning" ng-click="showCase.edit(showCase.persons[' + data.id + '])">' +
             '   <i class="fa fa-edit"></i>' +
             '</button>&nbsp;' +
-            '<button class="btn btn-danger" ng-click="showCase.delete(showCase.persons[' + data.id + '])")">' +
+            '<button class="btn btn-danger" ng-click="showCase.delete(showCase.persons[' + data.id + '])">' +
             '   <i class="fa fa-trash-o"></i>' +
             '</button>';
     }