Question

@Component({
    selector: 'app-custom-paginator',
    template: '<mat-paginator #paginator pageSize="10"></mat-paginator>',
    })
export class CustomPaginator extends MatPaginator {
    @ViewChild(MatPaginator) paginator: MatPaginator;

    customMethod(): number {
        return 1
    }
}

主要成分：

@Component({
    selector: 'app-main-component',
    template: '<app-custom-paginator></app-custom-paginator>',
})
export class MainComponent implements OnInit, AfterViewInit {
    @ViewChild(CustomPaginator) paginator: CustomPaginator;
}

我正试图想出一种扩展MatPaginator的方法。我被困了，因为在我的子组件CustomPaginator中，我不得不使用@ViewChild来访问该自定义分页器从其视图创建的已创建MatPaginator。

我真正想要的是以某种方式从我的CustomPaginator创建一个MainComponent，而CustomPaginator不需要创建和访问自己的MatPaginator视图子项，因为{ {1}}是CustomPaginator。

Answer 1

您可以在子组件中使用MatPaginator组件的模板

A1

我使用从未在物料组件上使用过的自定义基础组件来完成这些任务。你可以尝试

角度材料：扩展MatPaginator而不创建欺骗分页器

1 个答案: