我正在处理围绕 Material 表的自定义包装器(不是我的,我无法重构)。我被要求实现一个需要访问分页器、排序和过滤器的功能。这是可能的,还是我坚持使用没有自定义包装器的 mat-table 实现?如果重要:我正在尝试更新显示在分页器当前选定页面上的数据源记录。
部分代码:
@Component({ selector: 'custom-table' })
export class CustomTable {
@Input customDatasource: any[];
// dataSource for mat-table
ngOnInit() {
this.dataSource = new MatTableDataSource<any>(this.customDatasource);
在调用视图组件中:
<custom-table [customDatasource]="mydataset"></custom-table>
以及我想从调用组件执行的操作:
onSomeButtonClick() {
const foo = dataSourceOfCustomTableElement; // This is what I'm struggling with
const page = foo.paginator.page;
const filtered = foo.filterData(mydataset);
// etc...