在ng2-smart-table中有条件地添加自定义按钮

在ng2-smart-table中，可以通过自定义按钮来实现条件地添加按钮。ng2-smart-table是一个基于Angular的表格插件，用于快速创建可定制的数据表格。

要在ng2-smart-table中条件地添加自定义按钮，可以按照以下步骤进行操作：

首先，在ng2-smart-table的配置文件中定义一个自定义按钮。在配置文件中，可以使用actions属性来定义按钮的行为和显示方式。例如：

actions: {
  custom: [
    {
      name: 'customButton',
      title: '<i class="fa fa-plus"></i>',
      type: 'custom',
      renderComponent: CustomButtonComponent,
      onComponentInitFunction: (instance) => {
        instance.condition = true; // 设置按钮的条件
      }
    }
  ]
}

在上述代码中，我们定义了一个名为customButton的自定义按钮，使用了一个自定义的组件CustomButtonComponent来渲染按钮的样式和行为。同时，通过onComponentInitFunction方法，可以在组件初始化时设置按钮的条件。

接下来，创建一个自定义按钮组件CustomButtonComponent，用于渲染按钮的样式和行为。在组件中，可以根据条件来决定按钮是否显示。例如：

import { Component, Input } from '@angular/core';

@Component({
  template: `
    <button *ngIf="condition" (click)="onClick()">Custom Button</button>
  `
})
export class CustomButtonComponent {
  @Input() condition: boolean;

  onClick() {
    // 按钮点击事件的处理逻辑
  }
}

在上述代码中，我们使用了*ngIf指令来根据条件condition决定按钮是否显示。当条件满足时，按钮会显示出来，并绑定了一个点击事件onClick()。

最后，在ng2-smart-table的HTML模板中使用自定义按钮。在表格的列定义中，可以使用actions属性来引用之前定义的自定义按钮。例如：

<ng2-smart-table [settings]="settings" [source]="data">
  <ng2-smart-table-column title="Actions" [type]="'custom'" [valuePrepareFunction]="customButton"></ng2-smart-table-column>
</ng2-smart-table>

在上述代码中，我们在表格的列定义中使用了[type]="'custom'"来指定该列使用自定义按钮。同时，通过[valuePrepareFunction]属性来指定按钮的显示方式。

通过以上步骤，就可以在ng2-smart-table中条件地添加自定义按钮了。根据具体的需求，可以根据条件来决定按钮的显示与行为。