angular - 添加数据后如何用新数据加载ng2-smart-table？

Question

每当我向表中添加新数据时，表应该会自动加载。数据被加载到数据库中。但是表格没有更新。有没有办法做到这一点？

myHtmlPage.html

<ng2-smart-table [settings]="progressTable_Config" 
                 [source]="progressTableSource"
                 (createConfirm)="addProgressRecord($event)" 
                 (deleteConfirm)="onDeleteConfirm($event)">

我的组件文件.ts

progressTable_Config = {
    add: {
      addButtonContent: '<i class="nb-plus"></i>',
      createButtonContent: '<i class="nb-checkmark"></i>',
      cancelButtonContent: '<i class="nb-close"></i>',
      confirmCreate: true,
    },
    edit: {
      editButtonContent: '<i class="nb-edit"></i>',
      saveButtonContent: '<i class="nb-checkmark"></i>',
      cancelButtonContent: '<i class="nb-close"></i>',
      confirmEdit: false,
    },
    delete: {
      deleteButtonContent: '<i class="nb-trash"></i>',
      confirmDelete: true,
    },
    actions: {
      add: true,
      edit: false,
      delete: false,
    },
    columns: {
      progress_date: {
        title: 'Date',
        type: 'date',
        filter: false
      },
      progress_percent: {
        title: 'Percentage Completed(%)',
        type: 'integer',
        filter: false,
      },
      note: {
        title: 'Note',
        type: 'string',
        filter: false
      },
    },
  };

标签： angulartypescriptng2-smart-table

Answer 1

如果你想刷新也许这段代码可以帮助你

this.progressTableSource.refresh();

或者

this.progressTableSource.empty();
this.progressTableSource.refresh();
this.progressTableSource.load(this.data);