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

Question

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

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

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

尝试引用本机html元素，但无用

谢谢！

Answer 1

我认为您可以通过@ViewChild装饰器获取mat-paginator ，并尝试在ngAfterViewInit生命周期事件挂钩中对其进行访问。

@ViewChild('paginator') paginator;

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

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

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

pageSize：数字-当前页面大小

Answer 2

您可以使用ViewChild访问pageSize

这是一个例子

export class PaginatorOverviewExample {

  @ViewChild('paginator') paginator;

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

HTML

<mat-paginator #paginator [length]="100"
              [pageSize]="10"
              [pageSizeOptions]="[5, 10, 25, 100]">
</mat-paginator>