Angular 6 Datatables为按钮添加点击事件

Question

所以，我似乎无法在任何地方找到关于这个的答案。

我正在尝试使用 this “服务器方式”效果很好，直到您发现其局限性。比如“select”插件不起作用，或者你不能使用“expanding”表

所以，我需要回到本地使用 Datatable。

假设我这样定义我的表

this.dtOptions = {
  ajax: (dataTablesParameters: any, callback: any) => {
    this.myService.myEndPoint(dataTablesParameters).
    subscribe((resp: any) => {
      this.attributes = resp.aaData;

      callback({
        recordsTotal: resp.iTotalRecords,
        recordsFiltered: resp.iTotalDisplayRecords,
        data: resp.aaData
      });
    });
  },
  select: true,
  order: [2, "asc"],
  columns: [{
      data: null,
      defaultContent: 'details',
      orderable: false,
      class: 'details-control'
    },
    {
      data: null,
      orderable: false,
    },
    {
      data: "skuPartNumber",
      orderable: true,
    },
    {
      data: "activeUnits",
      orderable: true
    },
    //{ data: "consumedUnits", orderable: true }
    {
      title: "Display Name",
      data: null,
      orderable: true,
      render: (data, type, full) => `<button (click)="testClick(data.id)">sdfsdf</button>`
    }
  ]
};

如何监听按钮事件？我的假设是在 AJAX 和数据表完成之前呈现(编译)页面？

我能够在 knockoutJS 和 durandal 中做到这一点，但无法在 Angular 中解决这个问题

Answer 1

如果您使用服务器端呈现，您可以在 drawCallback ( docs ) 上定义点击事件

this.dtOptions = {
    ...
    "drawCallback": ()=>{
        //define your listeners here
    }
    ...