从 component.ts 访问材料表数据源

时间:2021-05-31 02:30:39

标签: angular-material

我正在处理围绕 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...

0 个答案:

没有答案