我有一个带有排序标题的普通Angular Material 2 DataTable。各种各样的头工作正常。除了以对象为值的对象。这些根本不排序。
例如:
<!-- Project Column - This should sort!-->
<ng-container matColumnDef="project.name">
<mat-header-cell *matHeaderCellDef mat-sort-header> Project Name </mat-header-cell>
<mat-cell *matCellDef="let element"> {{element.project.name}} </mat-cell>
</ng-container>
注意 element.project.name
这是displayColumn配置:
displayedColumns = ['project.name', 'position', 'name', 'test', 'symbol'];
更改'project.name'
为'project'
无效或"project['name']"
我想念什么?这有可能吗?
这是一个Stackblitz: Angular Material2 DataTable排序对象
编辑: 感谢您的所有答案。我已经可以使用动态数据了。因此,我不必为每个新的嵌套属性添加switch语句。
这是我的解决方案:(无需创建扩展MatTableDataSource的新数据源)
export class NestedObjectsDataSource extends MatTableDataSource<MyObjectType> {
sortingDataAccessor: ((data: WorkingHours, sortHeaderId: string) => string | number) =
(data: WorkingHours, sortHeaderId: string): string | number => {
let value = null;
if (sortHeaderId.indexOf('.') !== -1) {
const ids = sortHeaderId.split('.');
value = data[ids[0]][ids[1]];
} else {
value = data[sortHeaderId];
}
return _isNumberValue(value) ? Number(value) : value;
}
constructor() {
super();
}
}