각 데이터 테이블 TD를위한 NG-클릭 이벤트를 추가는

Question

는 이전에 나는 $event.stopPropagation 전화하는 NG-클릭 이벤트를 추가 : 내 코드 리팩토링 했으므로

<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()을 추가했습니다. DTColumnBuilder으로 새 열을 추가 할 때 ng-click 메서드가있는 경우 내 코드를 리팩토링 할 수 있도록 알려주십시오. 이것은 단지 주위의 일입니다.

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