数据表按钮单击角度 4答案

【问题标题】：Datatable button click for angular 4数据表按钮单击角度 4
【发布时间】：2018-05-05 09:15:07
【问题描述】：

我在 Angular 4 应用程序中使用数据表。在将数据附加到表时，我使用不同的按钮执行不同的操作

下面是我的代码：

{
  data: 'iUserId',
  defaultContent: "-",
  "mRender": function (data, type, full) {
       return '<button class="btn btn-danger btn-xs btn-flat" (click)="deleteUserConfirm('+data+')" title="Delete" data-toggle="tooltip"><i class="fa fa-times"></i></button>'
   }
},

我创建了 deleteUserConfirm 方法来对删除按钮单击执行一些操作，但此按钮不调用 angular 方法。如果我不使用数据表，按钮可以正常工作。有没有其他方法可以从数据表中调用 angular 4 方法。

【问题讨论】：

你能提供一个stackblitz链接吗？
我不认为你可以将组件中的 js 代码添加到模板中，insead，尝试将其直接添加到模板中（.html）

标签： angular button datatable click

【解决方案1】：

将您的 HTML 更改为，

'<button class="btn btn-danger btn-xs btn-flat" (click)="deleteUserConfirm(data)" title="Delete" data-toggle="tooltip"><i class="fa fa-times"></i></button>

【讨论】：