我正在尝试在我的 Angular 2 应用程序中实现 Jquery 数据表
我可以在我的 html 文件中渲染表格,如下所示
<sa-datatable [options]="options" tableClass="table table-striped table-bordered table-hover">
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Action</th>
</tr>
</thead>
</sa-datatable>
在我的组件 Oninit 中,我按如下方式初始化表并在操作中添加两个按钮
ngOnInit() {
this.options = {
dom: "Bfrtip",
ajax: (data, callback, settings) => {
//My Service Call
},
columns: [
{ data: "result.id" },
{ data: "result.name" },
{
data: null, render: function (data, type, row) {
return '<button id="myButton" class="btn btn-primary editbutton" data-toggle="modal" title="1" data-target="#mymodal" (click)="custcatSelected(' + data.result + ')">Edit</button> / <button #myButton1 class="btn btn-danger deletebutton" (click)=deleteCustCat(' + data.result.id + ')>Delete</button>';
}
}
],
buttons: [
'copy', 'excel', 'pdf', 'print', 'colvis'
]
};
}
public custcatSelected(customercat) {
//Implemetation for Edit , where customercat is an object
}
public deleteCustCat(custcatId: string) {
//Implementation for Deleting
}
我无法触发这两个事件 custcatSelected() 和 deleteCustCat()。
我可以理解这些事件不是由角度编译的,因为它是动态添加的。我不知道如何让这些活动发挥作用
任何解决方法都会有帮助,谢谢。