angular - PrimeNG 表得到过滤行

Question

我在 Angular 5 中使用 PrimeNG 6.0.2，但我遇到了 的问题表插入。我切换到 Table 因为 DataTable 已被弃用。现在，我无法像以前那样访问过滤值。

假设我通过 ViewChild 在组件中定义我的表:

@ViewChild('myTable') dataTable: Table;

使用 DataTable，我可以访问保存排序和过滤数据的 _value 属性:

dataTable._value[index] = ...;

但是现在，这个属性只保存排序后的数组，而我必须使用filteredValue 属性:

dataTable.filteredValue[index] = ...;

我的问题是filteredValue 是 undefined在任何过滤之前，在过滤表时具有值并且是 null在我删除所有过滤器文本之后。这会产生一些非常丑陋的代码。

是否可以访问当前数据，无论是排序、过滤还是与起始数组相同？还是我必须采用这种方法？

Answer 1

访问过滤值的另一种方法是声明 onFilter事件，然后检索/存储过滤后的值。

// on your component class declare
onFilter(event, dt) { 
  this.filteredValues = event.filteredValue; 
}

<p-table #dt .... (onFilter)="onFilter($event, dt)">