Hinzufügen eines ng-Click-Ereignis für Winkeldatentabelle td

Question

Früher habe ich ein ng-Klick Ereignis $event.stopPropagation zu nennen:

<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> 

Nun, da ich habe meinen Code Refactoring und verwendet, um die 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>' 
}) 

Wie füge ich die $ event.stopPropagation zur parent td hinzu?

Answer 1

Ich weiß nicht, ob dies der beste Weg ist, es zu tun, aber ich fügte ein div hinzu und fügte stattdessen $event.stopPropagation() dort hinzu. Wenn es eine ng-click Methode gibt, wenn Sie eine neue Spalte mit DTColumnBuilder hinzufügen, sagen Sie mir bitte, dass ich meinen Code umgestalten könnte. Dies ist nur eine Arbeit.

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>' 
})