自定义操作方法在ng2 smarttable中不起作用

时间:2018-10-13 13:49:34

标签: angular5 angular6 ng2-smart-table

我正在尝试在Ng2SmartTable网格中添加自定义操作“复制”。 我遇到自定义操作的点击事件处理程序问题。网格中的编辑,删除,复制有3个按钮。编辑,删除工作正常。但是复制按钮的点击并不会触发“复制”方法。

Grid.component.html代码

  <ng2-smart-table [settings]="settings" (custom)="onCustom($event)" [source]="source" (edit)="onEdit($event)" (delete)="onDelete($event)"></ng2-smart-table>

OnEdit,OnDelete可以正常工作,但是OnCustom不能正常工作。

Grid.component.ts文件代码,用于设置ng2smarttable。

  mode: 'external',
    actions: {
        add: false,
       custom: [{
            name: 'copy', title: 'Copy'
        }]
    },

onCustom方法根本不起作用。

1 个答案:

答案 0 :(得分:1)

您的组件中的功能一定存在问题,您在问题中共享的代码已正确设置并且可以在此Stackblitz中使用。

请注意::单击复制按钮时,事件将传递到app.component.ts中的onCustom函数,并将事件记录在控制台中。

https://stackblitz.com/edit/smarttable-e8gqql?embed=1&file=app/app.component.ts