добавления события нг-клик для угловой DataTable тд

Question

Ранее я добавил нг щелкните событие для вызова $event.stopPropagation:

<td ng-click="$event.stopPropagation();"> 
    <button type="button" class="btn btn-default margin-right-5" ui-sref="patient({ id : patient._id })"> 
     <i class="fa fa-edit"></i> 
    </button> 
    <button type="button" class="btn btn-danger" ng-click="vm.deletePatient(patient._id)"> 
     <i class="fa fa-trash-o"></i> 
    </button> 
</td> 

Теперь, когда я переработан мой код и использовал DTColumnBuilder

DTColumnBuilder.newColumn('_id').withTitle('Options').notSortable() 
.renderWith(function (data, type, full, meta) { 
    return '<button type="button" class="btn btn-default margin-right-5" ui-sref="patient({ id : \'' + data + '\' })">' + 
      '<i class="fa fa-edit"></i> ' + 
     '</button>' + 
     '<button type="button" class="btn btn-danger" ng-click="vm.deletePatient(\'' + data + '\')">' + 
      '<i class="fa fa-trash-o"></i>' + 
     '</button>' 
}) 

как добавить $ event.stopPropagation в parent td?

Answer 1

Я не знаю, если это лучший способ сделать это, но я добавил div и добавил вместо него $event.stopPropagation(). Если есть метод ng-click при добавлении нового столбца с DTColumnBuilder, пожалуйста, скажите мне, чтобы я мог реорганизовать свой код. Это просто работа.

DTColumnBuilder.newColumn('_id', 'foo').withTitle('Options').notSortable() 
.renderWith(function (data, type, full, meta) { 
    return '<div ng-click="$event.stopPropagation()">' + 
     '<button type="button" class="btn btn-default margin-right-5" ui-sref="patient({ id : \'' + data + '\' })">' + 
      '<i class="fa fa-edit"></i> ' + 
     '</button>' + 
     '<button type="button" class="btn btn-danger" ng-click="vm.deletePatient(\'' + data + '\')">' + 
      '<i class="fa fa-trash-o"></i>' + 
     '</button>' + 
    '</div>' 
})