为 angular 数据表 td 添加 ng-click 事件

Question

之前我添加了一个 ng-click 事件来调用 $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()。如果在使用 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>'
} )

为 angular 数据表 td 添加 ng-click 事件

adding an ng-click event for angular datatable td

angularjs

angular-datatables