在angular js datatable中对数据进行排序后，编辑功能不起作用

Question

我在html页面上有一个表，这个表有15条记录。每列都有排序功能。 每行都有一个编辑按钮，用于在单独的选项卡中编辑行值，在排序数据之前它的工作正常。

表示如果单击了表的列，则不会调用编辑函数。

 `<table id="tbl" class="table table-striped table-bordered"
                                   datatable="ng" cellspacing="0" width="100%">
                                <thead>
                                    <tr>
                                        <th>Name</th>
                                        <th>Code</th>
                                        <th>Status</th>
                                        <th>Notes</th>
                                        <th>Description</th>
                                        <th style="text-align:center">Action</th>
                                    </tr>
                                </thead>

                                <tbody>
                                    <tr ng-repeat="e in entities">
                                        <td>{{e.name}}</td>
                                        <td>{{e.code}}</td>
                                        <td>{{getStatus(e.status)}}</td>
                                        <td>{{e.notes}}</td>
                                        <td>{{e.description}}</td>
                                        <td align="center">
                                            <a href="" ng-click="edit(e)"><span class="glyphicon glyphicon-pencil" /></a>
                                            <span style="color: #ddd;">|</span>
                                            <a href="" ng-click="confimDelete(e)"><span class="glyphicon glyphicon-trash" /></a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>

控制器代码如下：

  $scope.edit = function (entity) {
    alert('name');
    $scope.entity = entity;
    $scope.activate('view');
};

这个名为edit的函数被调用，直到我们不点击数据表的标题。

请建议什么是问题..提前谢谢