带有嵌套对象的Angular Material 2 DataSource过滤器 [英] Angular Material 2 DataSource filter with nested object
本文介绍了带有嵌套对象的Angular Material 2 DataSource过滤器的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有材质2的angular 4项目,我想过滤MatTable中的数据.当我们过滤未嵌套的字段上的数据时,DataSource过滤器工作正常.
I have angular 4 project with material 2, I want to filter the data in MatTable. DataSource filter is working fine when we filter data on field which are not nested.
this.dataSource = new MatTableDataSource([
{ orderNumber: 1, orderInfo: { type: 'ABC'}, date: '12/3/2012 9:42:39 AM'},
{ orderNumber: 3, orderInfo: { type: 'Hello' }, date: '12/2/2018 9:42:39 AM'},
]);
过滤器对于orderNumber,日期可以正常工作,但不能与orderInfo对象中的type字段一起正常工作.
Filter is working fine for orderNumber, date but not working properly with type field in orderInfo object.
推荐答案
DataSource具有filterPredicate()
方法,需要在我们的应用程序中对其进行重写,如下所示.数据源初始化后,将此代码添加到您的组件中.
DataSource has filterPredicate()
method that needs to override in our application as follows. Add this code in your component after data source initialization.
this.dataSource.filterPredicate = (data, filter: string) => {
const accumulator = (currentTerm, key) => {
return key === 'orderInfo' ? currentTerm + data.orderInfo.type : currentTerm + data[key];
};
const dataStr = Object.keys(data).reduce(accumulator, '').toLowerCase();
// Transform the filter by converting it to lowercase and removing whitespace.
const transformedFilter = filter.trim().toLowerCase();
return dataStr.indexOf(transformedFilter) !== -1;
};
这篇关于带有嵌套对象的Angular Material 2 DataSource过滤器的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文