angular - 如何将 HTML 的属性获取到 typescript 中

Question

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

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

是否有可能获得属性pageSize进入我的 *.component.ts？

尝试引用原生 html 元素，但没有用

谢谢!

Answer 1

我认为你可以通过@ViewChild 装饰器获取mat-paginator 并尝试在ngAfterViewInit 生命周期事件钩子(Hook)中访问它。

@ViewChild('paginator') paginator;

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

也在寻找documentation时它在 page 事件中给你 pageSize

PageEvent Change event object that is emitted when the user selects a different page size or navigates to another page.

pageSize: number - The current page size