更新数据表保持过滤器和排序答案

【问题标题】：Update data table keeping filters and sort更新数据表保持过滤器和排序
【发布时间】：2018-05-30 07:35:27
【问题描述】：

我正在使用 ng2-smart-table 我每 2 分钟使用 setInterval 函数更新信息我收到新信息。

问题是当我在过滤、排序或使用数据表的分页时触发间隔并且数据表返回默认过滤和排序等。

我正在寻找一些方法来更新pendingAlerts，但不会影响数据表中的当前过滤器或排序。我正在考虑直接影响数组的每个实例，但我不知道这是否是一个好方法。

HTML

<ng2-smart-table (userRowSelect)="onRowSelected($event)" [settings]="settings" [source]="pendingAlerts"></ng2-smart-table>

我正在使用具有可观察模式的 storedata 来检索我认为与显示此代码无关的信息

组件

...
pendingAlerts: Pending[] =[];
...
next = (data: Pending[]) => {
    console.log("Receiving info from observer"+ data.length);
    this.pendingAlerts = data;   

  }

【问题讨论】：

标签： angular typescript

【解决方案1】：

答案是使用LocalDataSource 类和load 函数来加载数据。并且您将保留您的过滤器和排序配置。

组件

pendingAlerts: LocalDataSource;
count: number = 0;
ngOnInit() {    
  this.pendingAlerts = new LocalDataSource([]); 
  this.pendingAlerts.onChanged().subscribe(res =>{
      this.count = this.pendingAlerts.count();
  });  
}

  next = (data: Pending[]) => {
    console.log("Receiving info from observer"+ data.length);
    this.pendingAlerts.load(data);   

  }

【讨论】：