Angular - Datatable click row event
<p>I am working with AngularJS and angular-datatable and I want to work with the event in a row, I have setup the controller to listen the event but it is not work. My code is :</p>

<p>html</p>

<pre><code>&lt;div  class="panel panel-flat"&gt;
    &lt;div class="panel-heading"&gt;
        &lt;h6 class="panel-title"&gt;Planilla&lt;/h6&gt;
    &lt;/div&gt;
    &lt;div class="panel-heading"&gt; 
    &lt;table class="table datatable-basic table-hover" datatable="ng" dt-options="empleadoList.dtOptions"  dt-column-defs="empleadoList.dtColumnDefs" &gt;
        &lt;thead&gt;
            &lt;tr&gt;
                &lt;th style="width: 30px;"&gt;Nro.&lt;/th&gt;  
                &lt;th&gt;Nombre Completo&lt;/th&gt;
                &lt;th class="col-md-2"&gt;DNI&lt;/th&gt;
                &lt;th class="col-md-2"&gt;Celular&lt;/th&gt;
                &lt;th class="col-md-2"&gt;Teléfono&lt;/th&gt;
            &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody&gt;
            &lt;tr ng-repeat="empleado in empleadoList.empleados"&gt;
                &lt;td style="width: 30px;"&gt;{{$index + 1}}&lt;/td&gt;
                &lt;td&gt; &lt;span class="text-muted"&gt;&lt;i class="icon-user"&gt;&lt;/i&gt;{{empleado.apellidoPaterno}} {{empleado.apellidoMaterno}} {{empleado.nombre}}&lt;/span&gt;&lt;/td&gt;
                &lt;td&gt;&lt;span class="text-success-600"&gt;&lt;span class="status-mark border-blue position-left"&gt;&lt;/span&gt;{{empleado.dni}}&lt;/span&gt;&lt;/td&gt;
                &lt;td&gt;&lt;span class="text-success-600"&gt;&lt;i class="icon-mobile position-left"&gt;&lt;/i&gt; {{empleado.celular}}&lt;/span&gt;&lt;/td&gt;
                &lt;td&gt;&lt;h6 class="text-semibold"&gt;&lt;i class="icon-phone position-left"&gt;&lt;/i&gt; {{empleado.telefono}}&lt;/h6&gt;&lt;/td&gt;
            &lt;/tr&gt;
        &lt;/tbody&gt;
    &lt;/table&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>controller.js</p>

<pre><code>App.controller('EmpleadoListController', function($scope,$resource,EmpleadoService,DTOptionsBuilder,DTColumnDefBuilder) {

$scope.dtOptions = DTOptionsBuilder.newOptions()
    .withDisplayLength(10)
    .withOption('bLengthChange', false)
    .withPaginationType('full_numbers')
    .withOption('rowCallback', rowCallback);
$scope.dtColumnDefs = [
                   DTColumnDefBuilder.newColumnDef(0),
                   DTColumnDefBuilder.newColumnDef(1),
                   DTColumnDefBuilder.newColumnDef(2),
                   DTColumnDefBuilder.newColumnDef(3),
                   DTColumnDefBuilder.newColumnDef(4)
               ];

function rowCallback(nRow, aData, iDisplayIndex, iDisplayIndexFull) {
    $('td', nRow).unbind('click');
    $('td', nRow).bind('click', function() {
        $scope.$apply(function() {
            console.log('click row');
        });
    });
    return nRow;
}

EmpleadoService.fetch().then(
        function(response){
            return $scope.empleadoList = { empleados: response.data};
        }, 
        function(errResponse){
            console.error('Error while fetching users');
            return $q.reject(errResponse);
        }
);
});
</code></pre>

<p>app.js</p>

<pre><code>'use strict';
var App = angular.module('myApp', ['ngRoute','ngResource','datatables']);
App.config(function($routeProvider) {
  var resolveEmpleados = {
    empleados: function (EmpleadoService) {
    return EmpleadoService.fetch();
  }
 };

$routeProvider
 .when('/planilla', {
    controller:'EmpleadoListController as empleadoList',
    templateUrl:'static/js/planilla.html',
  });
});
</code></pre>

<p>Thanks for all.</p>