时间戳

首页 > 解决方案 > 如何将 HTML 的属性转换为打字稿

angular - 如何将 HTML 的属性转换为打字稿

问题描述

我<mat-paginator>在 *.component.html 中有一个，其属性定义如下：

 <mat-paginator #paginator
  [pageSize]="10"
  [pageSizeOptions]="[5, 10, 20]"
  (page)="onPaginateChange($event)">
</mat-paginator>

是否可以将该属性pageSize放入我的 *.component.ts 中？

尝试引用本机 html 元素，但没有用

谢谢！

标签： angulartypescriptpagination

解决方案

我认为您可以获取mat-paginatorvia@ViewChild装饰器并尝试在ngAfterViewInit生命周期事件挂钩中访问它。

@ViewChild('paginator') paginator;

ngAfterViewInit() {
   console.log(this.paginator.pageSize)
}

此外，在查看文档时，它会pageSize在page事件中为您提供

PageEvent 当用户选择不同的页面大小或导航到另一个页面时发出的更改事件对象。

pageSize: number - 当前页面大小

推荐阅读